https://github.com/marialuizaleitao/pitlane-manager

A React application designed to manage Formula 1 drivers and teams efficiently. Built using the Create React App (CRA) template, it offers a sleek and intuitive interface for organizing and tracking F1 team personnel.
https://github.com/marialuizaleitao/pitlane-manager

reactjs

Last synced: about 2 months ago
JSON representation

A React application designed to manage Formula 1 drivers and teams efficiently. Built using the Create React App (CRA) template, it offers a sleek and intuitive interface for organizing and tracking F1 team personnel.

• Host: GitHub
• URL: https://github.com/marialuizaleitao/pitlane-manager
• Owner: marialuizaleitao
• Created: 2024-06-03T18:25:38.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-06T20:16:45.000Z (7 months ago)
• Last Synced: 2024-06-06T23:35:12.151Z (7 months ago)
• Topics: reactjs
• Language: JavaScript
• Homepage: https://pitlane-manager.vercel.app
• Size: 735 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PitLane Manager

PitLane Manager is a React web application designed to manage Formula 1 personnel efficiently. It enables users to input and save personnel data, organize them by team, and display them visually. The app provides an intuitive interface for creating, editing, and deleting personnel cards.

![image](https://github.com/marialuizaleitao/pitlane-manager/assets/88951059/554d752e-0b75-4a8b-9be7-458b28ea5569)

## Technologies Used

- **React**: The frontend framework used to build the user interface and manage state.

- **JavaScript**: The primary programming language for implementing logic and interactivity.

- **Figma**: A web-based design tool used for prototyping and creating the initial UI/UX design.

- **Vercel**: The platform used to deploy the application for production.

## Features

- Create, edit, and delete personnel cards.

- Organize personnel by team.

- Visual representation of personnel data.

## Prototyping with Figma

The initial UI/UX design for PitLane Manager was prototyped using Figma. Figma allowed for easy collaboration and iteration during the design phase. It provided a comprehensive platform for wireframing, designing, and prototyping the application's user interface. By using Figma, we were able to visualize and refine the design before starting development, resulting in a more efficient and user-friendly end product.

![image](https://github.com/marialuizaleitao/pitlane-manager/assets/88951059/bca5554d-7ec4-405f-957a-7951475201f3)

## Deployment

The PitLane Manager application is deployed using Vercel, which provides a seamless deployment experience and hosting for web applications. You can view the live application [here](https://your-vercel-deployment-url.vercel.app).

## How to Run the App Locally

1. Clone the repository to your local machine.

2. Navigate to the project directory.

3. Run `npm install` to install the dependencies.

4. Run `npm start` to start the development server.

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