https://github.com/karthik-nair-20/tnp-teslaui-assignment

Assignment TNP India
https://github.com/karthik-nair-20/tnp-teslaui-assignment

api clean-code miragejs react react-hooks react-router reusable shadcn-ui styled-components tailwindcss

Last synced: 2 days ago
JSON representation

Assignment TNP India

• Host: GitHub
• URL: https://github.com/karthik-nair-20/tnp-teslaui-assignment
• Owner: karthik-nair-20
• Created: 2024-09-08T11:15:02.000Z (20 days ago)
• Default Branch: main
• Last Pushed: 2024-09-08T18:16:13.000Z (20 days ago)
• Last Synced: 2024-09-22T00:07:01.422Z (6 days ago)
• Topics: api, clean-code, miragejs, react, react-hooks, react-router, reusable, shadcn-ui, styled-components, tailwindcss
• Language: JavaScript
• Homepage: https://teslaui-tnp.netlify.app
• Size: 5.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tesla UI

This project is a Tesla UI built as part of an assignment submission. The application is developed using modern web technologies like React, React Router, Tailwind CSS, ShadCN, and MirageJS for mock server data. The UI is designed to display various Tesla models, showcasing their details and images.The Tesla UI project is a responsive web application.

## Tech Stack

- **React**: A JavaScript library for building user interfaces.

- **React Router**: Handles routing within the application, enabling seamless navigation between different pages.

- **Tailwind CSS**: A utility-first CSS framework used for styling the UI components.

- **ShadCN**: A collection of pre-built components for React, providing additional UI elements.

- **MirageJS**: A powerful mock server used to create a skeleton API, simulating server responses and API calls.

### Prerequisites

Ensure you have the following software installed:

- **Node.js**: Download and install from [nodejs.org](https://nodejs.org/)

- **npm**: Node package manager, typically installed with Node.js

### Steps to Install

1. **Clone the Repository**

   ```bash

   git clone https://github.com/karthik-nair-20/TNP-TeslaUI-Assignment.git

   cd tesla-ui

   npm install

   npm run dev