Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ranitmanik/reactjs-projects

Here, I showcase the solutions to a series of projects completed during my journey as a beginner in ReactJS.
https://github.com/ranitmanik/reactjs-projects

front-end-development javascript react react-project react-projects reactjs taiwlindcss typescript webdevelopment

Last synced: 22 days ago
JSON representation

Here, I showcase the solutions to a series of projects completed during my journey as a beginner in ReactJS.

Awesome Lists containing this project

README

        


Markdown Icon

ReactJS Projects


Welcome to my ReactJS Projects repository! I am thrilled to present the solutions to a variety of projects that I have
developed while embarking on my journey as a beginner in ReactJS. Explore the diverse range of projects showcased here
and witness the progress and skills I have honed along the way.

## Table of Contents

- [Projects](#projects)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Technologies Used](#technologies-used)
- [Usage](#usage)
- [Contributing](#contributing)
- [Contact](#contact)
- [License](#license)

## Projects


No.
Project Name
GitHub
Live Site


01
Google Gemini Clone
GitHub
Live Site

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

Ensure you have the following software installed:

- `Node.js` and `npm`

### Installation

1. Clone the repo
```sh
git clone https://github.com/RanitManik/ReactJS-Projects.git
```
2. Navigate to the project directory
```sh
cd Project-X
```
3. Install NPM packages
```sh
npm install
```

## Usage

- To run the app run the following command:

```sh
npm run dev
```

## Technologies Used

![HTML5 Badge](https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=fff&style=for-the-badge)
![CSS3 Badge](https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=fff&style=for-the-badge)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Vite Badge](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=fff&style=for-the-badge)

## Contributing

We welcome contributions from all developers and power users! To add new features or suggest improvements, follow these
steps:

1. Fork this repository to your own GitHub account.
2. Clone the forked repository to your local machine.
3. Create a new branch for your changes: `git checkout -b feature/add-new-feature`
4. Make your changes to the `README.md` file or add new files as necessary.
5. Commit your changes: `git commit -m "Add new feature for XYZ"`
6. Push the changes to your GitHub fork: `git push origin feature/add-new-feature`
7. Open a pull request from your forked repository to this original repository.

Our community will review your contribution, provide feedback if needed, and merge it once everything looks good.


To learn more about how to contribute, please refer to the **[Contribution Guidelines](.github/CONTRIBUTING.md)**.

## Contact



Social Media
Username
Link



Email
[email protected]
Email



LinkedIn
Ranit Manik
LinkedIn



Instagram
ranit_manik_
Instagram



Facebook
RanitKumarManik
Facebook



Twitter
RANIT_MANIK
Twitter

_Feel free to reach out if you have questions or just want to chat about web adventures!_

## License

Distributed under the MIT License. See [`LICENSE.txt`](LICENSE) for more information.