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.
- ReactJS https://reactjs.org/
- NextJS https://nextjs.org/
- Chakra-UI https://chakra-ui.com/
- Firebase Authentication https://firebase.google.com/docs/auth
- Firebase Firestore https://firebase.google.com/docs/database
- React Google reCaptcha https://www.npmjs.com/package/react-google-recaptcha
- React Phone Number Input https://www.npmjs.com/package/react-phone-number-input
- React Tag Editor https://reactjsexample.com/a-tag-editor-coded-in-es6-with-react-js-as-its-dependency/
- SendGrid https://sendgrid.com/free/
- Clone this repository on your local machine.
https://github.com/akverma26/Simple-Reddit.git
- Get into the root directory of the project.
cd Simple-Reddit
- 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;
- Install all the npm dependencies.
npm install
- Run the app locally.
npm run dev