Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yashi-singh-1/day-06-profile

Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.
https://github.com/yashi-singh-1/day-06-profile

animation challenege css css3 frontend frontend-challenges frontenddevelopment html html5 profile-card

Last synced: 4 days ago
JSON representation

Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.

Host: GitHub
URL: https://github.com/yashi-singh-1/day-06-profile
Owner: Yashi-Singh-1
Created: 2024-06-16T21:59:10.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-06-16T22:04:43.000Z (5 months ago)
Last Synced: 2024-06-16T23:21:42.153Z (5 months ago)
Topics: animation, challenege, css, css3, frontend, frontend-challenges, frontenddevelopment, html, html5, profile-card
Language: CSS
Homepage:
Size: 233 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Profile Challenge

Overview

Profile Challenge is a unique project designed to encourage participants to create a new social media profile from scratch. This project aims to foster creativity, introspection, and a deeper understanding of personal online representation.

Introduction

Preview

Objective

Requirements

Installation

Usage

Project Structure

Styling

Challenges

Contributing

Contact

Credits

Introduction

Welcome to the Profile Challenge! This project invites you to create a new social media profile, providing a fun and engaging way to explore your online identity. Reflect on the profiles you've made in the past and craft a new one that represents your current self or aspirations.

Preview

![Preview](Preview.png)

Objective

The main objective of the Profile Challenge is to:

Encourage self-reflection about your online presence.

Promote creativity in designing personal profiles.

Highlight how personal identities evolve over time.

Provide an engaging activity that can be shared and enjoyed with others.

Requirements

To participate in the Profile Challenge, you will need:

A text editor (e.g., VSCode, Sublime Text).

Basic knowledge of HTML and CSS.

Creativity and willingness to explore your online identity.

Installation

There is no specific software installation required for this challenge. However, you may use the following tools for an enhanced experience:

Text Editors: VSCode, Sublime Text, Atom.

Web Browsers: Chrome, Firefox, Edge.

Design Tools: Figma, Adobe XD for mockups (optional).

Usage

To create and submit your profile:

Reflect on Past Profiles: Think about the social media profiles you have created over time.

Create a New Profile: Design a new profile using HTML and CSS including the following elements:
- Profile Picture
- Username
- Bio/Description
- Interests/Hobbies
- Contact Information (optional)

Submit Your Profile: Document your profile and submit it along with a brief explanation (300-500 words) of your thought process.

Project Structure

The project repository is structured as follows:


Day-06-Profile/

│

├── README.md

├── /images

│   └── profile_example.png

├── index.html

└── styles.css

Styling

Feel free to style your profile as creatively as you wish. You can use any color schemes, fonts, and layouts that best represent your identity. Utilize HTML and CSS to enhance the visual appeal of your profile.

Challenges

Some challenges you may encounter include:

Deciding on a unique and authentic representation of yourself.

Balancing creativity with personal authenticity.

Finding the right tools and resources for designing your profile.

Contributing

We welcome contributions to the Profile Challenge! Your involvement can help improve the project and make it more engaging for participants. Below are the guidelines for contributing:

How to Contribute

Fork the Repository:
- Go to the Profile Challenge GitHub Repository.
- Click the "Fork" button in the top-right corner of the repository page.

Clone the Repository:
- Clone your forked repository to your local machine using the following command:
```
git clone https://github.com/Yashi-Singh-1/Day-06-Profile.git

        
```

Create a New Branch:
- Navigate to the repository directory:
```
cd Day-06-Profile

        
```
- Create a new branch for your changes:
```
git checkout -b your-branch-name

        
```
- Use a descriptive name for your branch, such as improve-readme or add-new-feature.

Make Your Changes:
- Implement your changes to the project. This could include:
- Ensure your changes adhere to the project's style and guidelines.

Commit Your Changes:
- Add the files you changed to the staging area:
```
git add .

        
```
- Commit your changes with a descriptive commit message:
```
git commit -m "Description of your changes"

        
```

Push to Your Fork:
- Push your changes to your forked repository:
```
git push origin your-branch-name

        
```

Create a Pull Request:
- Go to the original repository on GitHub.
- You should see a message about your recently pushed branch and a button to create a pull request.
- Click "Compare & pull request".
- Fill out the pull request template, providing a clear description of your changes.
- Submit the pull request.

Contact

For any questions or further assistance, feel free to reach out:

GitHub Profile: Yashi Singh

LinkedIn: Yashi Singh on LinkedIn

Credits

Credits to the design inspiration for the profile layout goes to 100 Days CSS - Day 6.

We hope you enjoy the Profile Challenge and take this opportunity to explore and express your online identity in a fun and creative way!