Skip to content

foridpathan/portfolio-using-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Your Personal Portfolio Using React App

This project was bootstrapped with Create React App.

How to use

This is a simple firebase project. You need to create a firebase account and allow Firebase Auth, Firebase Realtime Database, Firebase Storage. After allowing your all buckets then copy your confirmation 'code inside the firebase setting' and replace it into '/src/firebase.js' file. example:

const firebaseConfig = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
};

That's it your configuration completed.

How to run Scripts

In the project directory, you can run: First run:

npm install

If this run successfully then

npm start

or

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Project Features

  • User login & registration using firebase
  • Role Management user and admin
  • Dynamic navigation (after and before login)
  • Store data dynamically on firebase database and storage
  • Awesome css3 animation using AOS
  • Image lightbox
  • Form PopUp
  • Good locking dashboard
  • Testimonial slider
  • Mail send using Emailjs
  • Product filter
  • Used Text editor
  • Used Bootstrap and FontAwesome icon
  • Used FontAwesome icon picker

Feel free to registration in my portfolio and check all the features.

If there any query feel free to contact us:

[email protected]

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal