https://github.com/kunwardeep/rick_and_morty
https://github.com/kunwardeep/rick_and_morty
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kunwardeep/rick_and_morty
- Owner: kunwardeep
- License: mit
- Created: 2025-04-05T12:15:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-22T06:55:00.000Z (about 1 year ago)
- Last Synced: 2025-04-22T07:03:40.671Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://rickandmorty-round.vercel.app/login
- Size: 1.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rick and Morty App
This is a web application built with Next.js, Chakra UI, and Apollo Client. It allows users to explore characters from the Rick and Morty universe, view detailed character information, and manage user settings.
## Features
- **Authentication**: Users can log in and log out.
- **Character Display**: Browse and view detailed information about characters.
- **Pagination**: Navigate through pages of characters.
- **User Settings**: Edit and save user details like username and job title.
- **Error Handling**: Graceful error handling with retry options.
## Tech Stack
- **Framework**: [Next.js](https://nextjs.org/)
- **UI Library**: [Chakra UI](https://chakra-ui.com/)
- **GraphQL Client**: [Apollo Client](https://www.apollographql.com/docs/react/)
- **State Management**: React Context API
- **Validation**: [Vest](https://vestjs.dev/)
- **Icons**: [React Icons](https://react-icons.github.io/react-icons/)
## Project Structure
```
src/
├── app/ # Next.js app directory (pages, routes, etc.)
├── components/ # Reusable UI components (buttons, forms, etc.)
├── consts/ # Constants used across the app (e.g., API URLs, default values)
├── hooks/ # Custom React hooks for managing state and effects
├── lib/ # Library configurations (e.g., Apollo Client, Firebase)
├── utils/ # Utility functions (helpers, formatters, etc.)
```
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/leonardo.git
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.
## 🏗️ Build
To build the project for production:
```bash
npm run build
# or
yarn build
```
To start the production server:
```bash
npm run start
# or
yarn start
```
## 📝 Available Scripts
- `npm run dev` - Start the development server with Turbopack
- `npm run build` - Build the project for production
- `npm run start` - Start the production server
- `npm run lint` - Run ESLint for code linting
## 📄 License
This project is licensed under the MIT License - see the LICENSE file for details.