Skip to content

Commit

Permalink
[Readme.md Updation] Created Table for all Projects Listings in READM…
Browse files Browse the repository at this point in the history
…E.md file (#609)

## Related Issue

Fixes #608 




## Description

### What I have changed? 😄 
- Added `Relative Link` to the Particular folders of Each project (that
goes to code of the folder, **not it's deployment**)
- (For **visiting/exploring** to deployments,
[https://100-days-100-web-project.vercel.app/)](https://100-days-100-web-project.vercel.app/)
website is great)
- Instead of direct text based day-project-listings, **Relative link
attached to the _CODE FOLDER_ + Description attached for
day-project-listings is _Actually Useful!_**

### Screenshots
> After

![Image](https://github.com/user-attachments/assets/ec1a2225-94c3-4fc5-9c55-c97e0b34e860)

> Before

![Image](https://github.com/user-attachments/assets/029da726-f29c-48d4-884a-f032328963f5)

## Type of PR

- [ ] Bug fix
- [ ] Feature enhancement
- [X] Documentation update
- [ ] Security enhancement
- [ ] Other (specify): _______________


check in issue by entering [X] in boxes

## Screenshots / Videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

## Checklist
- [X] I have performed a self-review of my code.
- [X] I have read and followed the Contribution Guidelines.
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.
- [X] I have followed the code style guidelines of this project.
- [X] I have checked for any existing open issues that my pull request
may address.
- [X] I have ensured that my changes do not break any existing
functionality.
- [X] Each contributor is allowed to create a maximum of 4 issues per
day. This helps us manage and address issues efficiently.
- [X] I have read the resources for guidance listed below.
- [X] I have followed security best practices in my code changes.


## Additional Context

Readme.md is a very important and crucial for a project. Most seen code
file of a repo :)


* Commented useless text *
<!---
## Contribution Guidelines

Thank you for considering contributing to our project! To ensure smooth
collaboration and effective contribution management, please adhere to
the following guidelines:

### Issue Creation

1. **Limit on Issues:**
- Each contributor is allowed to create a maximum of **4 issues per
day**. This helps us manage and address issues efficiently.

### Contribution Levels

2. **Basic Contributions:**
- This project is primarily focused on documentation. Most of the setup
has been completed, so contributors will generally need to work on basic
code tasks, such as writing tests.
   - For these tasks, issues will be assigned the **Easy** label.

3. **Acknowledging Hard Work:**
- If a contributor puts in significant effort on a task, the issue will
be upgraded to **Medium**. This is our way of recognizing and
appreciating extra effort.

4. **Feature Additions and Component Work:**
- Contributors working on new features or components using JSX/TSX will
be assigned a level based on the complexity and quality of their work.
- The more complex and valuable the contribution, the higher the level
assigned.

### Level Definitions

- **Easy:**
- Tasks are straightforward, such as fixing minor bugs, writing tests,
or making simple documentation updates.
- **Medium:**
- Tasks require more effort, such as addressing complex bugs, improving
existing features, or making substantial documentation improvements.
- **Hard:**
- Tasks are highly complex and involve significant new feature
development, major refactoring, or extensive contributions to the
project’s core components.

--->
We look forward to your contributions and appreciate your effort in
helping us improve the project!
  • Loading branch information
dhairyagothi authored Jan 20, 2025
2 parents db965a8 + e852839 commit 1966e7a
Showing 1 changed file with 84 additions and 84 deletions.
168 changes: 84 additions & 84 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,90 +22,90 @@ Welcome to 100_days_100_web_project! learn and practise web development by contr
This repository contains 100 web projects from basic to intermediate using html css and js

**PROJECT NAME --- LIVE DEMO**
**visit URL for live demo :-** https://100-days-100-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:51000/ -> 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
- DAY-32 ] Missionaries & Cannibals
- Day 33 ] Weather Forcasting
- Day 34 ] Email Validator
- Day 35 ] Vanilla-JavaScript-Calculator
- Day 36 ] Medical App
- Day 37 ] 2048 Game
- Day 38 ] Github Profile Finder
- Day 39 ] Notes App
- Day 40 ] Analog Clock
- Day 41 ] Scroll Dark Game
- Day 42 ] Amazon App
- Day 43 ] Password Generator
- Day 44 ] BMI Calculator
- Day 45 ] Black Jack
- Day 46 ] Palindrome Generator
- Day 47 ] Ping Pong Game
- Day 48 ] TextToVoiceConverter
- Day 49 ] Url Shortener
- Day 50 ] Recipe Genie
- Day 51 ] Netflix Landing Page Clone
- Day 52 ] ClimaCode
- Day 53 ] E-Commerce Website with Simple Cart Functionality
- Day 54 ] Budget Tracker
- Day 55 ] Cricket Game
- Day 56 ] Pastebin using svelte
- Day 57 ] Glowing Social Media Icons
- Day 58 ] Music App
- Day 59 ] Blog Page
- Day 60 ] Marketing template website
- Day 61 ] Hologram Button
- Day 62 ] Solar System Explorer
- Day 63 ] Image to Text App
- Day 64 ] Zomato-clone
- Day 65 ] The Cube
- Day 66 ] Flask Authentication App
- Day 67 ] Blog-Website
- Day 68 ] 3d Rotating Card
- Day 69 ] Spotify Clone Project
- Day 70 ] Insect-Catch_Game
- Day 71 ] Quotely Laughs
- Day 72 ] Contact Book
- Day 73 ] Candy_Crush_Game
- Day 74 ] Stock Profit Calculator
- Day 75 ] code-space-game project
- Day 76 ] animated searchbar
- Day 77 ] rock-paper-scissor-game project
- Day 78 ] npm package search
- Day 79 ] linkedin homepage clone using react

- Day-95.] TodoList in React-TS-Tailwind ( to use this TodoList you need to first clone this repo -> open folder TodoList-React-TS-Tailwind -> npm i -> npm run dev -> open http://localhost:5173 -> see TodoList . that's it all set.
**visit URL for live demo :-** https://100-days-100-web-project.vercel.app/

| Day | Project Name | Link to the Project Folder | Description |
|--------|--------------|----------------------------|-------------|
| DAY-1 | TODOLIST | [TODOLIST](public/TO_DO_LIST) | |
| DAY-2 | DIGITAL CLOCK | [DIGITAL CLOCK](public/digital_clock) | |
| DAY-3 | INDIAN FLAG | [INDIAN FLAG](public/indianflag) | |
| DAY-4 | DROPDOWN NAV BAR | [DROPDOWN NAV BAR](public/dropdown_navbar) | |
| DAY-5 | ANIMATED-CURSOR | [ANIMATED-CURSOR](public/Animated-cursor) | |
| DAY-6 | AUTO-BACKGROUND-IMAGE-SLIDER | [AUTO-BACKGROUND-IMAGE-SLIDER](slider.html) | |
| DAY-7 | TYPEWRITER | [TYPEWRITER](public/typewriter) | |
| DAY-8 | PARALLEL-X WEBSITE | [PARALLEL-X WEBSITE](<public/Parallel-x website>) | |
| DAY-9 | CAPTCHA-GENERATOR | [CAPTCHA-GENERATOR](public/captcha) | |
| DAY-10 | QR-CODE-GENERATOR | [QR-CODE-GENERATOR](<public/qr generator>) | |
| DAY-11 | SERVING WEBSITE USING EXPRESS | | |
| DAY-12 | NODEMAILER GMAIL SENDER | [NODEMAILER GMAIL SENDER](public/gmail_nodemailer) | to use this email sender you need to first clone this repo ->open folder gmail_nodemailer npm i -> nodemon index.js -> open http://localhost:51000/ -> 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 | [LOGIN FORM USING MERN](public/loginusingmern) | 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 | [FILE UPLOADER](public/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 | [PROGRESS-BAR](public/progress_bar) | |
| DAY-16 | SCROLL-BAR-CSS | | |
| DAY-17 | SLIDER USING SWIPER API | [SLIDER USING SWIPER API](<public/slider box>) | |
| DAY-18 | Carousel Solar System | [Carousel Solar System](public/carousal) | |
| DAY-19 | PLANTO | [PLANTO](public/plantwebsite) | |
| DAY-20 | EVESPARKS | | |
| DAY-21 | Video bg slider using react | [Video bg slider using react](public/travel_website) | 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 | [PAGELOADER](public/pageloader) | |
| DAY-22 | Jarvis Virtual Assistant | [Jarvis Virtual Assistant](public/Jarvis-AI-main) | |
| DAY-24 | AI ChatBot | [AI ChatBot](<public/AI ChatBot>) | |
| DAY-25 | Tic-Tac-Toe | [Tic-Tac-Toe](public/TicTacToe) | |
| DAY-26 | Maze game | [Maze game](public/Maze-Game-main) | |
| DAY-27 | MemoryGame | [MemoryGame](public/MemoryGame) | |
| DAY-28 | wordle | [wordle](public/WORDLE) | |
| DAY-29 | Snake Game | [Snake Game](public/snake_game) | |
| DAY-29 | Flappy-bird-game | [Flappy-bird-game](public/Flappy-bird-main) | |
| DAY-31 | Password Manager | [Password Manager](<public/password manager>) | |
| DAY-32 | Missionaries & Cannibals | [Missionaries & Cannibals](public/Missionaries&Cannibals) | |
| Day 33 | Weather Forcasting | [Weather Forcasting](<public/Weather Forcasting>) | |
| Day 34 | Email Validator | [Email Validator](<public/email validator>) | |
| Day 35 | Vanilla-JavaScript-Calculator | [Vanilla-JavaScript-Calculator](public/Vanilla-JavaScript-Calculator-master) | |
| Day 36 | Medical App | [Medical App](public/Medical_App) | |
| Day 37 | 2048 Game | [2048 Game](public/2048_game) | |
| Day 38 | Github Profile Finder | [Github Profile Finder](public/github_profile_finder) | |
| Day 39 | Notes App | [Notes App](public/notes-app) | |
| Day 40 | Analog Clock | [Analog Clock](public/AnalogClock) | |
| Day 41 | Scroll Dark Game | [Scroll Dark Game](<public/Scroll Game Dark Run>) | |
| Day 42 | Amazon App | [Amazon App](public/Amazon_Clone) | |
| Day 43 | Password Generator | [Password Generator](public/Password_Generator) | |
| Day 44 | BMI Calculator | [BMI Calculator](public/BMI_Calculator) | |
| Day 45 | Black Jack | [Black Jack](public/BlackJack) | |
| Day 46 | Palindrome Generator | [Palindrome Generator](public/Palindrome_Generator) | |
| Day 47 | Ping Pong Game | [Ping Pong Game](public/ping) | |
| Day 48 | TextToVoiceConverter | [TextToVoiceConverter](public/TextToVoiceConverter) | |
| Day 49 | Url Shortener | [Url Shortener](public/url_shortener) | |
| Day 50 | Recipe Genie | [Recipe Genie](<public/Recipe Genie>) | |
| Day 51 | Netflix Landing Page Clone | [Netflix Landing Page Clone](public/Netflix_Cloning) | |
| Day 52 | ClimaCode | [ClimaCode](<public/ClimaCode 2.0>) | |
| Day 53 | E-Commerce Website with Simple Cart Functionality | [E-Commerce Website with Simple Cart Functionality](public/e-commerce_cart) | |
| Day 54 | Budget Tracker | [Budget Tracker](<public/Budget Tracker>) | |
| Day 55 | Cricket Game | [Cricket Game](public/cricket) | |
| Day 56 | Pastebin using svelte | [Pastebin using svelte](public/pastebin) | |
| Day 57 | Glowing Social Media Icons | [Glowing Social Media Icons](<public/Social Media Glowing>) | |
| Day 58 | Music App | [Music App](<public/Music App>) | |
| Day 59 | Blog Page | [Blog Page](<public/Blog Page>) | |
| Day 60 | Marketing template website | [Marketing template website](public/marketing_website) | |
| Day 61 | Hologram Button | [Hologram Button](<public/Holo Button>) | |
| Day 62 | Solar System Explorer | [Solar System Explorer](<public/Solar System Explorer in CSS only haml>) | |
| Day 63 | Image to Text App | [Image to Text App](public/Image-To-Text-App) | |
| Day 64 | Zomato-clone | [Zomato-clone](public/zomato-clone) | |
| Day 65 | The Cube | [The Cube](<public/The Cube>) | |
| Day 66 | Flask Authentication App | [Flask Authentication App](public/flask_auth_app) | |
| Day 67 | Blog-Website | [Blog-Website](public/blog) | |
| Day 68 | 3d Rotating Card | [3d Rotating Card](<public/3d cards>) | |
| Day 69 | Spotify Clone Project | [Spotify Clone Project](<public/spotify-clone -project>) | |
| Day 70 | Insect-Catch_Game | [Insect-Catch_Game](public/Insect-Catch-Game) | |
| Day 71 | Quotely Laughs | [Quotely Laughs](public/Quotely-Laughs) | |
| Day 72 | Contact Book | [Contact Book](<public/Contact Book>) | |
| Day 73 | Candy_Crush_Game | [Candy_Crush_Game](public/Candy_Crush_Game) | |
| Day 74 | Stock Profit Calculator | [Stock Profit Calculator](public/Stock-Profit-Calculator) | |
| Day 75 | code-space-game project | [code-space-game project](<public/Contact Book>) | |
| Day 76 | animated searchbar | [animated searchbar](<public/Animated Searchbar>) | |
| Day 77 | rock-paper-scissor-game project | [rock-paper-scissor-game project](public/Stone-Paper-Scissor) | |
| Day 78 | npm package search | [npm package search](<public/NPM Package Search>) | |
| Day 79 | linkedin homepage clone using react | [linkedin homepage clone using react](public/Linkedin-Clone) | |
| Day-95 | TodoList in React-TS-Tailwind | [TodoList in React-TS-Tailwind](public/TodoList-React-TS-Tailwind) | to use this TodoList you need to first clone this repo -> open folder TodoList-React-TS-Tailwind -> npm i -> npm run dev -> open http://localhost:5173 -> see TodoList . that's it all set. |

## Discord Channel for VSoC 2024 Contributors

Expand Down

0 comments on commit 1966e7a

Please sign in to comment.