50_days_50_web_project

Welcome to 50_days_50_web_project! learn and practise web development by contributing your projects.

About

This repository contains 50 web projects from basic to intermediate using html css and js

PROJECT NAME --- LIVE DEMO
visit URL for live demo :- https://50-days-50-web-project.vercel.app/

DAY-1.] TODOLIST
DAY-2.] DIGITAL CLOCK
DAY-3.] INDIAN FLAG
DAY-4.] DROPDOWN NAV BAR
DAY-5.] ANIMATED-CURSOR
DAY-6.] AUTO-BACKGROUND-IMAGE-SLIDER
DAY-7.] TYPEWRITER
DAY-8.] PARALLEL-X WEBSITE
DAY-9.] CAPTCHA-GENERATOR
DAY-10.] QR-CODE-GENERATOR
DAY-11.] SERVING WEBSITE USING EXPRESS
DAY-12.] NODEMAILER GMAIL SENDER-->( to use this email sender you need to first clone this repo ->open folder gmail_nodemailer npm i -> nodemon index.js -> open http://localhost:5500/ -> enter your name and email address server automatically will share a email to you from my side . that's it all set.
DAY-13.] LOGIN FORM USING MERN-->( to use this Login form you need to first clone this repo ->open folder loginusingmern npm i -> nodemon index.js -> open http://localhost:3000/ -> go to register page enter your details , your details are submitted and stored in mongodb . that's it all set.
DAY-14.] FILE UPLOADER-->( to use this file uploader you need to first clone this repo ->open folder file_uploader npm i -> npm run start -> open http://localhost:3000/file -> fill all thing and submit file and open your clone folder -> uploads you will see file . that's it all set.
DAY-15.] PROGRESS-BAR
DAY-16.] SCROLL-BAR-CSS
DAY-17.] SLIDER USING SWIPER API
DAY-18.] CAROUSAL SOLAR SYSTEM
DAY-16.] SCROLL-BAR-CSS
DAY-17.] SLIDER USING SWIPER API
DAY-18.] SOLAR SYSTEM CAROUSAL WEBSITE
DAY-19.] PLANTO
DAY-20.] EVESPARKS
DAY-21.] Video bg slider using react ( to use this Video bg slider using react you need to first clone this repo ->open folder travel_website -> npm i -> npm run dev -> open http://localhost:5120 -> see Video bg slider using react . that's it all set.
DAY-22.] PAGELOADER
DAY-24 ] AI ChatBot
DAY-25 ] Tic-Tac-Toe
DAY-26 ] Maze game
DAY-27 ] MemoryGame
DAY-28 ] wordle
DAY-29 ] Snake Game
DAY-31 ] Password Manager

Discord Channel for VSoC 2024 Contributors

Now, resolve your all doubts and communicate with our all contributors.

Getting Started

To get started with contributing to 50_days_50_Web Projects , please refer to our Contributing Guidelines.

Follow these steps:

Clone the repository:

git clone https://github.com/your-username/50_days_50_web_project.git


or Use Github desktop to directly clone it in your system

Navigate to the project directory:
```
cd 50_days_50_Web Projects
```
Install dependencies:
```
npm install
```
Running the Application:

Once you have installed the dependencies, you can run the application locally using:
```
npm run start
```
This command will start a development server and open the application in your default web browser on local host .

If you'd like to contribute to 50_days_50_Web Projects , please follow these guidelines:

Fork the repository and clone it locally.
Create a new branch for your feature or bug fix: git checkout -b feature-name
Make your changes and test thoroughly.
Commit your changes: git commit -m "Brief description of your changes"
Push to the branch: git push origin feature-name
Submit a pull request detailing your changes.

Support

For any questions or issues, feel free to reach out to us through our disscusion or by opening an issue on GitHub.

Stay updated with the latest news and announcements:

Follow me on Instagram
Connect with me on LinkedIn
Join our Discord channel VSoC'24

Badges

Contributors ✨

Thanks goes to these wonderful people :

_{Dhairya Gothi} 📆 💻 📖	_{Deepesh Patil} 📖	_{T Mohamed Yaser} 💻	_Monish.R 💻	_{Atharva Shihurkar} 💻	_{Vansh Kashyap} 💻	_{Prashant Solanki} 💻
_sarthak 💻	_Kaustav2410 💻	_{Suhaina Fathima M} 💻	_{K Om Senapati} 💻	_{Goutami K S} 💻	_{Anant Agarwal} 💻	_{Prajapati Shrikrushna R.} 💻
_{deepak-d-r4113} 💻	_Ayushswirlon 💻	_{Sai Shravan M} 💻	_Madhu0-2 💻	_{Nikitha Koppuram} 💻	_{Shivakumarjagadam} 💻	_Umashankar08 💻