This repository contains 15 projects built with vanilla JavaScript, inspired by the FreeCodeCamp YouTube video tutorial. These projects are designed to sharpen JavaScript skills without relying on any frameworks.
These projects range from simple functions to more complex applications, all implemented using pure JavaScript. They demonstrate various aspects of JavaScript and DOM manipulation.
- Improve core JavaScript skills without relying on frameworks or libraries
- Gain practical experience with DOM manipulation techniques
- Implement various programming logic and algorithms in real-world scenarios
- Develop proficiency in creating responsive designs using HTML5 and CSS3
- Enhance problem-solving skills through diverse coding challenges
- Practice efficient code organization in vanilla JavaScript applications
- Utilize GitHub for version control and project management
- Learn to break down complex problems into manageable components
- Explore different aspects of JavaScript, from basic concepts to advanced techniques
- Build a portfolio of projects demonstrating JavaScript proficiency
- Improve debugging skills in pure JavaScript environments
- Develop skills in creating interactive user interfaces without UI libraries
- Gain confidence in building complete web applications from the ground up
- Color Flipper
- Counter
- Reviews
- Navbar
- Sidebar
- Modal
- Questions
- Menu
* - Video
- Scroll
- Tabs
- Countdown
* - Paragraph Generator
- Grocery
* - Slider
* larger project
| Project 1 | Project 2 | Project 3 |
|---|---|---|
 |
 |
 |
| Project 4 | Project 5 | Project 6 |
|---|---|---|
 |
 |
 |
| Project 7 | Project 8 | Project 9 |
|---|---|---|
 |
 |
 |
| Project 10 | Project 11 | Project 12 |
|---|---|---|
 |
 |
 |
| Project 13 | Project 14 | Project 15 |
|---|---|---|
 |
 |
 |
- HTML5
- CSS3
- Vanilla JavaScript
- Each project focuses on different aspects of JavaScript
- No external libraries or frameworks used
- Responsive design for various screen sizes
- Clone this repository: github.com/john-smilga/javascript-basic-projects
- Navigate to the project folder you're interested in
- The final folder will be the completed project and the setup folder will be your copy to work on
These projects were created as part of a tutorial on FreeCodeCamp's YouTube channel.
- Original Tutorial: JavaScript Projects Tutorial
This project is open source and available under the MIT License.