Skip to content

diegogb-08/Hobbidu-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Logo

Find your Hobby!

Connect with People!

View Web Application

Table of Contents
  1. Installation
  2. About The Project
  3. Overview
  4. Languages and Tools
  5. License
  6. Repositories
  7. Contact

Installation

Frontend

Install the dependencies and devDependencies for the frontend repository.

npm i

In the project directory, you can run:

npm start

And if you wish, you can run the scss

npm run scss
Backend

Install the dependencies and devDependencies for the backend repository.

npm i

In the project directory, you can run:

npm run start

On the other side you will need to add the enviroments to run your own MongoDB database.

About The Project

Hobbidu is Full-Stack MERN web application that allows users to connect and meet with other people with a common hobby through events created by themselves. In this application, the users will be able to filter the events by distance to the wanted location. On top of this, they will be able to post and comment their hobbies routine.

The back end of the application was built with Nodejs, Mongoose and MongoDB database. All data fetching was done using Express and Axios for declaring JSON structures. For the image handling, the web application is using Multer, fs-extra and AWS S3 Bucket where we store all the pictures in a safe way.

The front end was created with Reactjs and JavaScript and uses the Redux architectural framework for an optimal single-page user-experience.

The backend and the frontend of the project are deployed in Heroku through the master branch.

Authentication page

Back-end and front-end user authentication was built from scratch by encrypting user password with Bcryptjs and creating a unique session token with JSONWebToken for each user on sign up or login. This allows for secure access to one's account on the single-page application which then renders distinct content based on the current user.

Future Features:

  • Direct messages between users.
  • Display all user post at their own profile.
  • Posibility to upload videos as well.
  • Live Chat
  • Create React Native App
  • Push Notifications

APP OVERVIEW

Registration & Login

Register



Login and User profile update

Login



Edit hobbies, change email & password and logaout

follow users



Follow users

follow users



Filter events by location and distance

follow users



Create event

follow users



Create post

follow users




Languages and Tools:

Amazon Web Services SASS css3 express git html5 javascript mongodb nodejs postman react redux redux redux redux redux

License

Distributed under the MIT License. See LICENSE for more information.

Repositories

Contact

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published