S76_Aini_nick

AniNick

Project Overview

AniNick is a web application that showcases the strangest, funniest, and most unusual nicknames from anime series. The project aims to provide a fun platform for anime fans to explore, learn about, and contribute their own favorite weird nicknames from various anime.

Key Features

1. Nickname List: A large, searchable, and sortable collection of weird anime nicknames.
2. User Submissions: Users can add their own favorite weird nicknames for approval.
3. Voting System: Users can vote on nicknames to determine which are the funniest or weirdest.
4. Anime Details: Information about the anime and characters associated with each nickname.
5. Random Nicknames: A feature to display random nicknames for users to discover new ones.
6. Interactive Animations: Smooth transitions and animations using Framer Motion to enhance user experience.

Tech Stack

• Frontend: React, Tailwind CSS
• Animations: Framer Motion
• Backend: Node.js, Express
• Database: MongoDB
• Additional Tools: Git, Postman, Figma

Installation and Setup

1. Clone the repository:

   git clone https://github.com/yourusername/aninick.git

2. Navigate to the project directory:

   cd aninick

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and go to http://localhost:3000 to view the app.

Contributing

Contributions are welcome! To contribute:

• Fork the repository.
• Create a new branch.
• Make your changes and commit them.
• Push to your fork and submit a pull request.

Deployed Link:

https://s76-ani-nick.onrender.com/