Gabriel-Dalmoro/project-2

Second project from Group #3

JavaScript

FunActive

FunActive is a website provides up-to-date information about the best physical activities to do in Calgary based on current weather conditions. Whether you're a local or just visiting, FunActive will help you find your next adventure and stay active all year round.

Installation

Clone this repository

git clone https://github.com/Gabriel-Dalmoro/project-2.git

Navigate to the server.

cd project-2-backend

Install dependencies

  npm install

Create a .env file in the directory and add the required environment variables.

NODE_ENV = development
PORT = 5001
MONGO_URI = Your MongoDB URI settings
JWT_SECRET = Your JWT secret
API_KEY = Your Open Weather API key

Navigate back to root

cd ..

Open another terminal window and navigate to the client directory.

cd project-2-frontend

Install dependencies

  npm install

Usage

To run the server

From root directory navigate to the server.

cd project-2-backend

To start the server.

  npm run start

To run the client

From root directory navigate to the client.

cd project-2-frontend

To start the client.

  npm run start

Technologies

This is a full-stack project, using the MERN stack.

Frontend

React and create-react-app

Material UI for components and icons

Backend

Express to make a server and HTTP calls
MongoDB and Mongoose to create and connect to our database

The majority of the project was written in JavaScrit and JSX, and the syling was done using CSS without frameworks.

Authors