🌇 NOVO - "meet your new adventure"

What is NOVO?

NOVO is a dating web application that is inspired by the mission to take on “new things” and embark on “new” adventures with people across the globe. With NOVO, users are able to connect with strangers based on similar yearnings to experience new things. Share what you’ve been wanting to experience and connect with others who want to do the same. Love, camaraderie, and friendship are at the cusp of NOVO.

Tools & Technologies Used

Features

Sign Up / Log-In:

• Users can login to their respective accounts. Once logged in, the user is prompted to answer a couple of security questions to verify their identity.

Create and Update Profile:

• When clicking on "SIGN UP HERE" on the home page, users will be prompted to fill out the following information such as: name, email, password, age, how they identify, preferred pronouns, location, who they want to see (men, women, both), interests, photo, bio, and activites they're interested in.
• Users will also be prompted to fill out their answers to a handful of security questions. These questions will be used to verify their identity when they logged in.
• Users can also update their profile information accordingly on the site.

Home Feed:

• Includes a feed of people users can choose to connect with.
• Feed shows a person's name, age, preferred pronouns, location, interests, and bio.
• Users can pick an activity that they want to do with this person. If interested, they can click on the check-mark to begin chatting with this user.

Chat Catalog:

• Features chat rooms a user can participate in based on the activity they want to do.

Activities & Ratings / Comments on Activities:

• Users can rate and comment on activities they have participated in.
• The display of this information is very similar to a Yelp review page.

Database:

• Used MongoDB.
• Contains user information such as: name, email, password, age, how they identify, preferred pronouns, location, who they want to see (men, women, both), interests, photo, bio, and activites they're interested in.
• Contains information of chats, ratings / comments, etc.

Final Mockup

Landing Page

Sign-Up

Edit Profile

Feed

Chat Rooms

Activities

Ratings & Comments On Activities

Getting Started With Our Project

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

• Learn More

  • To learn more about Next.js, take a look at the following resources:

    • Next.js Documentation - learn about Next.js features and API.
    • Learn Next.js - an interactive Next.js tutorial.

  • You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

• Deploy on Vercel

  • The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

  • Check out our Next.js deployment documentation for more details.