ASMR JavaScript Next JS

Welcome to ASMR JavaScript Next.js! This repository is your ultimate guide to getting hands-on experience with Next.js, featuring 10 beginner-friendly projects. These are beginner-friendly simple projects to help you to practice this technology.

Projects Covered

1. Personal Portfolio Website

Build a simple personal portfolio.

2. Blog Website with Static Content

Create a basic blog site that:

• Pulls static content (posts) from markdown files or JSON.

3. Simple To-Do List

Develop a To-Do list app to:

• Add, edit, and delete tasks.

4. Recipe Finder

Build a simple recipe website that:

• Lets users browse and search for recipes.

5. Real-Time Weather App

Create a weather app where:

• Users input a city to get the current weather information.

6. Simple E-commerce Store

Develop an e-commerce store with:

• Product listings and a shopping cart.

7. Markdown-Based Notes App

Create a notes app where:

• Users can write notes in markdown format.

8. Portfolio Project Showcase

Build a project showcase page to:

• Display your personal or work-related projects in a grid layout.

9. Photo Gallery

Develop a photo gallery app where:

• Images can be viewed.

10. Beautiful UI Components

Create a website with:

• Various beautiful UI components from Aceternity UI.

How to Use This Repository

1. Clone the repository:

   git clone https://github.com/your-username/asmr-javascript-nextjs.git

2. Navigate to the repository folder:

   cd asmr-javascript-nextjs

3. Navigate to individual project folders:

   cd project-name

4. Install dependencies:

   npm install

5. Run the development server:

   npm run dev

Technologies used.

• TypeScript
• React
• Next JS
• Tailwind CSS
• Material UI (for some projects)
• Axios (for some projects)
• Markdown libraries (for some projects)
• Aceternity UI (for the last project)

Prerequisites

• Basic knowledge of JavaScript and React.
• Node.js and npm installed on your machine.
• A text editor like VS Code or WebStorm.

Contribution

Contributions to improve these projects or add new ones are always welcome! Feel free to:

• Open an issue.
• Star a repository.
• Submit a pull request.
• Suggest ideas for new projects.

---

Happy coding! 🚀 🧠