Skip to content

100 days, 100 projects. Using HTML, CSS, Javascript/Typescript.

Notifications You must be signed in to change notification settings

alailsonko/100days-100projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 

Repository files navigation

📒 100 days, 100 projects.

Repository inspired by App Ideas Collection

Projects

Projects are divided into three tiers based on the knowledge and experience required to complete them.

Tier Developer Profile
1 Developers in the early stages of their learning journey. Those who are typically focused on creating user-facing applications.
2 Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services.
3 Developers who have all of the above, and are learning more advanced techniques like implementing backend applications and database services.

Tier-1: Beginner Projects

Name Short Description Tier
Bin2Dec - link of project Binary-to-Decimal number converter 1-Beginner
Border Radius Previewer - link of project Preview how CSS3 border-radius values affect an element 1-Beginner
Calculator Calculator 1-Beginner
Christmas Lights Simulate a string of Christmas lights 1-Beginner
Cause Effect App Click list item to display item details 1-Beginner
Color Cycle Cycle a color value through incremental changes 1-Beginner
Countdown Timer Event Countdown timer 1-Beginner
CSV2JSON App CSV to JSON converter 1-Beginner
Dollars to Cents Convert dollars to cents 1-Beginner
Dynamic CSS Variables Dynamically change CSS variable settings 1-Beginner
First DB App Your first Database app! 1-Beginner
Flip Image Change the orientation of images across two axes 1-Beginner
GitHub Status Display Current GitHub Status 1-Beginner
Hello User native language greeting 1-Beginner
IOT Mailbox Simulator Use callbacks to check your snail mail 1-Beginner
JS Input Validation Script to validate inputs entered by a user using RegEx 1-Beginner
JSON2CSV App JSON to CSV converter 1-Beginner
Key Value Keyboard Event Values 1-Beginner
Lorem Ipsum Generator Generate lorem ipsum placeholder text 1-Beginner
Notes App Create an online note pad 1-Beginner
Pearson Regression Calculate the correlation coefficient for two sets of data 1-Beginner
Pomodoro Clock Task timer to aid personal productivity 1-Beginner
Product Landing Page Showcase product details for possible buyers 1-Beginner
Quiz App Test your knowledge by answering questions 1-Beginner
Recipe App Recipe 1-Beginner
Random Meal Generator Generate random meals 1-Beginner
Random Number Generator Generate random number between range. 1-Beginner
Roman to Decimal Converter Convert Roman to Decimal numbers 1-Beginner
Slider Design Display images using a slider control 1-Beginner
Stopwatch App Count time spent on activities 1-Beginner
TrueOrFalse Identify the result of a conditional comparison 1-Beginner
Vigenere Cipher Encrypt text using the Vigenere Cypher 1-Beginner
Wind Chill Calculate the windchill factor from an actual temperature 1-Beginner
Word Frequency Calculate word frequency in a block of text 1-Beginner
Weather App Get the temperature, weather condition of a city. 1-Beginner

Tier-2: Intermediate Projects

Name Short Description Tier
Bit Masks Using Bit Masks for Conditions 2-Intermediate
Book Finder App Search for books by multiple criteria 2-Intermediate
Calculator CLI Create a basic calculator cli. 2-Intermediate
Card Memory Game Memorize and match hidden images 2-Intermediate
Charity Finder App Find a Global Charity to donate to 2-Intermediate
Chrome Theme Extension Build your own chrome theme extention. 2-Intermediate
Currency Converter Convert one currency to another. 2-Intermediate
Drawing App Create digital artwork on the web 2-Intermediate
Emoji Translator App Translate sentences into Emoji 2-Intermediate
Flashcards App Review and test your knowledge through Flash Cards 2-Intermediate
Flip Art App Animate a set of images 2-Intermediate
Game Suggestion App Create polls to decide what games to play 2-Intermediate
GitHub Profiles A GitHub user search App 2-Intermediate
HighStriker Game Highstriker strongman carnival game 2-Intermediate
Image Scanner Image Scanner App 2-Intermediate
Markdown Previewer Preview text formatted in GitHub flavored markdown 2-Intermediate
Markdown Table Generator Convert a table into Markdown-formatted text 2-Intermediate
Math Editor A math editor for students to use 2-Intermediate
Meme Generator App Create custom memes 2-Intermediate
Name Generation using RNNs Generate names using names dataset 2-Intermediate
Password Generator Generate random passwords 2-Intermediate
Podcast Directory Directory of favorite podcasts 2-Intermediate
QR Code Badge Generator Encode badge info in a QRcode 2-Intermediate
Regular Expression Helper Test Regular Expressions 2-Intermediate
Sales Reciepts App Record Sales Receipts in a DB 2-Intermediate
Simple Online Store Simple Online Store 2-Intermediate
Sports Bracket Generator Generate a sports bracket diagram 2-Intermediate
String Art An animation of moving, colored strings 2-Intermediate
This or That Game This or That Game 2-Intermediate
Timezone Slackbot Display Team Timezones 2-Intermediate
To-Do App Manage personal to-do tasks 2-Intermediate
Typing Practice Typing Practice 2-Intermediate
Voting App Voting App 2-Intermediate

Tier-3: Advanced Projects

Name Short Description Tier
Battleship Bot Create a Discord bot that plays Battleship 3-Advanced
Battleship Game Engine Create a callable engine to play the Battleship game 3-Advanced
Boole Bots Game Battling Bots driven by Boolean algebra 3-Advanced
Calendar Create your own Calendar 3-Advanced
Calorie Counter Calorie Counter Nutrition App 3-Advanced
Chat App Real-time chat interface 3-Advanced
Contribution Tracker App Track funds donated to charity 3-Advanced
Elevator Elevator simulator 3-Advanced
Fast Food Simulator Fast Food Restaurant Simulator 3-Advanced
Instagram Clone A clone of Facebook's Instagram app 3-Advanced
GitHub Timeline Generate a timeline of a users GitHub Repos 3-Advanced
Kudos Slackbot Give recognition to a deserving peer 3-Advanced
Movie App Browse, Find Ratings, Check Actors and Find you next movie to watch 3-Advanced
MyPodcast Library Create a library of favorite podcasts 3-Advanced
NASA Exoplanet Query Query NASA's Exoplanet Archive 3-Advanced
Shell Game Animated shell game 3-Advanced
Shuffle Deck Evaluate different algorithms for shuffling a card deck 3-Advanced
Slack Archiver Archive Slack Messages 3-Advanced
Spell-It App A twist on the classic Speak N Spell game 3-Advanced
Survey App Define, conduct, and view a survey 3-Advanced

About

100 days, 100 projects. Using HTML, CSS, Javascript/Typescript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published