Traveller's Tales

Description

Traveller's Tales is a full stack travel blog application built with TypeScript, React, Vite, and other technologies. This application includes basic server-side and client-side configurations, a RESTful API, React Router, and Reactstrap components. It also features reducers, consumers, and client-side authentication. Server-side authentication is also set up and hooked up to the client side. The blog controller allows for an index page and the use of React Draft Wysiwyg. Firebase & MongoDB have been set up for data storage.

Demo Video

A demo video of the application can be found here.

Screenshots

Here are some screenshots of the application:

Features

• Full stack application with TypeScript, React, Vite
• Server-side and client-side configurations
• RESTful API
• React Router and Reactstrap components
• Reducers and consumers for state management
• Client-side authentication
• Server-side authentication
• Blog controller with index page
• Use of React Draft Wysiwyg for rich text editing
• Firebase & MongoDB setup for data storage

Installation & Setup

1. Clone the repository to your local machine.
2. Install the necessary dependencies by running npm install.
3. Set up your environment variables.
4. Start the development server by running npx ts-node-dev src/server.ts.
5. Start your frontend by npm run dev
6. Open your browser to http://localhost:1337 to view the app.