Planner

Planner is a travel organizer app developed as part of a front-end development course in ReactJS.

This project applies concepts such as Properties, State, and Components, utilizes TypeScript for type checking, Vite for tooling, TailwindCSS for responsive design, and integrates with a Node.js API.

The app allows users to register a trip, invite participants, and view detailed trip information including listed activities, invited guests, and important links.

Images

Usage

1. Register a Trip: Users can create a new trip by providing trip details.

2. Invite Participants: Invite people to join the trip.

3. View Trip Details: See a detailed view of the trip, including activities, invited guests, and important links.

Features

• ReactJS: Utilizes modern React concepts such as properties, state, and components.
• TypeScript: Provides static type checking to catch errors early and improve code quality.
• Vite: Fast and modern development environment for building the application.
• TailwindCSS: Ensures a responsive and visually appealing user interface.
• Node.js API Consumption: Connects to a Node.js backend to fetch and manage trip data.
• Calendar Picker: Allows users to select dates for their trips easily.

Installation

1. Clone the repository:

   git clone https://github.com/thomasdev5832/nlw-frontend-react
   cd nlw-frontend-react
   

2. Install dependencies: npm install

3. Start the development server: npm run dev