Authentication App

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
  • Built With
• Features
• How To Use

Built With

• Nextjs
• Typescript
• TailwindCSS
• SWR - for data fetching
• passportjs for authentication
• mongoDB
• cloudinary for image upload

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

• User can register a new account

• User can log into an existing account

• User can loh in or register using one of the following

  • Google
  • Twitter
  • Facebook
  • Github

• User can sign out

• User can see their profile details

• User can edit their details including: name, bio, photo, phone, email and password.

• User can upload a new photo

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/rd-trends/auth-social-app

# Install dependencies
$ npm install

# Run the app
$ npm start

also

create a .env.local file in your root directory and add the following environment variables

GOOGLE_CLIENT_ID = "your google client/app id"
GOOGLE_CLIENT_SECRET = "your google client/app secret"
FACEBOOK_CLIENT_ID = "your facebook client id"
FACEBOOK_CLIENT_SECRET = "your facebook client secret"
TWITTER_API_KEY = "your twitter client id"
TWITTER_API_SECRET = "your twitter client secret"
GITHUB_CLIENT_ID = "your github client id"
GITHUB_CLIENT_SECRET = your github client secret"
MONGODB_URI = "your mongodb connection URI"
TOKEN_SECRET = "your session token secret
CLOUDINARY_URL= "your cloudinary uri"