Projects for Aspiring Web Developers

This repository originated from an idea within a Discord study group. We are a community of aspiring web developers who are enthusiastic about learning and challenging ourselves. Within our Discord group, we collaboratively select projects and set deadlines to complete them.

Please note that we are all beginners, and our projects are intentionally simple. They are ideal for individuals looking to practice and apply recently acquired skills.

Technologies

We primarily work with the following technologies (for now 😉):

• HTML
• CSS
• JavaScript

Objectives

Our objectives include:

• Expanding our knowledge of web development
• Practicing our coding skills
• Understanding project deliverables and timelines as in real-world scenarios
• Nurturing cooperation and teamwork
• Enhancing our proficiency with Git and GitHub

How to Contribute

To contribute to our projects, follow these steps, especially if you are new to Git and GitHub:

Fork the Repository:

Click the "Fork" button at the top right of the repository page. This will create a copy of the repository in your GitHub account.

Clone Your Fork:

Open your terminal (command prompt) and run the following command to clone your fork to your local machine. Replace with your actual GitHub username.

git clone https://github.com/<your-username>/Projects-for-Web-Developers.git

Navigate to the Project:

Use the cd command to move into the project directory. Replace with the project you're interested in.

cd Projects-for-Web-Developers/<project-folder>

Start Working:

Create a new folder with your name and surname, followed by the project number, and begin working on your project. For example:

John-Doe-p1/

Commit Your Changes:

After making changes to your project, commit them locally. Use the following commands:

git add .
git commit -m "Your descriptive commit message"

Push Your Changes:

Push your changes to your GitHub repository:

git push oringin <brach-name>

Create a Pull Request:

Go to the original repository on GitHub (the one you forked from), and you should see a notification prompting you to create a pull request (PR). Follow the instructions to create the PR.

We welcome contributions and encourage you to join our community of learners!

Our Projects

Project 1:

Create a Curriculum
Timeline: 4 days;
This project involves using your HTML and CSS skills to create a curriculum. It's a great opportunity to apply what you've learned so far.

Project 2:

Abstract Project
Timeline: 5 days;
For this project, we've taken inspiration from frontendpractice.com. It's a fun exercise to further hone your skills.

Project 3:

Results summary component
Timeline: one week;
Your challenge is building out this results summary component and getting it as close to the design as possible. Design provided by frontendmentor.io.

Project 4:

Monstercat clone
Timeline: two weeks;
Your challenge is building a clone of the Monstercat page and getting it as close to the design as possible. Design provided by frontendpractice.com.


Feel free to explore and contribute to these projects. Happy coding!