Skip to content
This repository has been archived by the owner on Oct 7, 2023. It is now read-only.

akverma26/simple-reddit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Reddit Web App

Don't get confuse with the name of the project. It's just a simple app in which a user can create a post with some public and private information. But in order to create this post, a user must has an account. A user can create his account by his mobile no. and email address.

Public information is visible to anyone, even though if there is no user logged in. But to see the private information user has to be logged in and that information will not be displayed on the website, instead the private information will be sent him to his email address.

Built with

  1. ReactJS https://reactjs.org/
  2. NextJS https://nextjs.org/
  3. Chakra-UI https://chakra-ui.com/
  4. Firebase Authentication https://firebase.google.com/docs/auth
  5. Firebase Firestore https://firebase.google.com/docs/database
  6. React Google reCaptcha https://www.npmjs.com/package/react-google-recaptcha
  7. React Phone Number Input https://www.npmjs.com/package/react-phone-number-input
  8. React Tag Editor https://reactjsexample.com/a-tag-editor-coded-in-es6-with-react-js-as-its-dependency/
  9. SendGrid https://sendgrid.com/free/

How to run

  1. Clone this repository on your local machine.
https://github.com/akverma26/Simple-Reddit.git
  1. Get into the root directory of the project.
cd Simple-Reddit
  1. Create a file named private.js in the root directory and paste the following and replace with your own credentials.
const privateInfo = {
    firebase: {
        apiKey: "YOUR-API-KEY",
        authDomain: "AUTH-DOMAIN",
        databaseURL: "DATABASE-URL",
        projectId: "PROJECT-ID",
        storageBucket: "STORAGE-BUCKET",
        messagingSenderId: "MESSAGING-SENDER-ID",
        appId: "APP-ID",
        measurementId: "MEASUREMENT-ID",
    },

    sendGridMail: {
        apiKey:
            "YOUR-SENDGRID-API-KEY",
        emailFrom: "YOUR-EMAIL-FROM-WHERE-EMAIL-WILL-BE-SENT",
    },

    googReCaptcha: {
        sitekey: "GOOGLE-RECAPTCHA-SITE-KEY",
    },
};

export default privateInfo;
  1. Install all the npm dependencies.
npm install
  1. Run the app locally.
npm run dev