Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mhistiak3/javscript-50-plus-projects

I will try to make 50+ projects in this repo
https://github.com/mhistiak3/javscript-50-plus-projects

Last synced: 1 day ago
JSON representation

I will try to make 50+ projects in this repo

Host: GitHub
URL: https://github.com/mhistiak3/javscript-50-plus-projects
Owner: mhistiak3
Created: 2024-05-31T11:08:55.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-06T12:01:09.000Z (5 months ago)
Last Synced: 2024-07-07T07:25:52.267Z (4 months ago)
Language: JavaScript
Size: 818 KB
Stars: 1
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# JavaScript 50+ Projects

Welcome to the **JavaScript 50+ Projects** repository! This repository contains a variety of JavaScript projects designed to help you learn and master JavaScript through practical examples. Whether you're a beginner or an experienced developer, you'll find projects here that can help you enhance your skills and contribute to the community.

![JavaScript Banner](https://i.ibb.co/dB1hK0y/Web-Designer-Business-Card-in-Yellow-Modern-Style.png)

## Table of Contents

1. [Introduction](#introduction)
2. [Getting Started](#getting-started)
3. [Projects List](#projects-list)
4. [How to Contribute](#how-to-contribute)
5. [Learning Resources](#learning-resources)
6. [License](#license)
7. [Acknowledgments](#acknowledgments)

## Introduction

This repository contains over 50 JavaScript projects, ranging from beginner to advanced levels. Each project is designed to teach you different aspects of JavaScript, including DOM manipulation, APIs, asynchronous programming, and more. The goal is to provide hands-on experience and foster a collaborative learning environment.

## Getting Started

To get started with these projects, follow the instructions below:

1. **Clone the Repository**:
```bash
git clone https://github.com/your-username/javascript-50-plus-projects.git
cd javascript-50-plus-projects
```

2. **Start Learning**:
Each project has its own folder with a README file explaining the project, the concepts it covers, and step-by-step instructions to complete it.

## Projects List

Here are some of the projects you'll find in this repository:

1. **Project 1: To-Do List**
- Concepts: Arrays, Function, Local Storage, CRUD Operations
![TodoList](https://i.ibb.co/xhjzYDF/Screenshot-2024-06-01-at-00-10-28-i-A-Todo-List.png)

- [iA TodoList Demo](https://todolist-app-ia.netlify.app/)

2. **Project 2: Pig Game**
- Concepts: Function, Dom, Events
![Pig Game](https://i.ibb.co/f07GLdw/Screenshot-2024-06-03-at-15-49-29-Pig-Game.png)

- [Pig Game](https://pig-game-ia.netlify.app/)

3. **Project 3: Quiz App**
- Concepts: Function, Dom, Events, Condition, Loop, Array
![Quiz App](https://i.ibb.co/HpnLHQk/Screenshot-2024-06-05-at-16-35-58-i-A-Quiz-App.png)

- [Quiz App Demo](https://quiz-app-ia.netlify.app/)

4. **Project 4: Tic Tac Toe**
- Concepts: Function, Dom, Events, Condition, Loop, Array Method
![Tic Tac Toe](https://i.ibb.co/Kj4r5KG/Screenshot-2024-06-09-at-18-39-48-Tic-Tac-Toe-Game.png)

- [Tic Tac Toe Demo](https://tic-tac-toe-game-ia.netlify.app/)

5. **Project 4: iMovies**
- Concepts:Fetch API, Function, Dom, Events, Condition, Loop, Array Method
![iMovies](https://i.ibb.co/mqNg3mq/Screenshot-2024-06-27-at-21-54-13-i-Movies.png)

- [iMovies Demo](https://i-movies-web.netlify.app/)

5. **Project 4: iBooks**
- Concepts:Fetch API, Function, Dom, Events, Condition, Loop, Array Method
![iBooks](https://shorturl.at/y1cTd)

- [iBooks Demo](https://i-books-ia.netlify.app/)

## How to Contribute

We welcome contributions from everyone! Here’s how you can contribute:

1. **Fork the Repository**:
Click the 'Fork' button at the top right of this page.

2. **Clone Your Fork**:
```bash
git clone https://github.com/your-username/javascript-50-plus-projects.git
cd javascript-50-plus-projects
```

3. **Create a New Branch**:
```bash
git checkout -b feature-your-feature-name
```

4. **Make Your Changes**:
Implement your feature, fix bugs, or improve documentation.

5. **Commit Your Changes**:
```bash
git add .
git commit -m "Add your commit message here"
```

6. **Push to Your Fork**:
```bash
git push origin feature-your-feature-name
```

7. **Create a Pull Request**:
Open a pull request from your forked repository to the main repository.

For detailed contribution guidelines, check out our [CONTRIBUTING.md](CONTRIBUTING.md).

## Learning Resources

To complement your learning journey, here are some recommended resources:

- [JavaScript.info](https://javascript.info/)
- [Eloquent JavaScript](https://eloquentjavascript.net/)
- [FreeCodeCamp](https://www.freecodecamp.org/)

## License

This repository is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.

## Acknowledgments

Special thanks to all the contributors who have helped make this repository a valuable resource for learning JavaScript. Your contributions are greatly appreciated!