Skip to content

bidodev/react-instagram-lookalike

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project "Instagram mock-up"

Disclaimer:

  1. This was an exercise from DCI's WEB Development Course, which I attended between 2019 - 2021.
  2. This project is just for learning purpose.

The mainly tasks were:

  • Build your own data.json which contains all the information about posts;
  • Use Sass for this build;
  • Feel free to have any other artist or celebrity or even your own photos;
  • Consider that you have to use props and pass data to components;

New Project Roadmap

I've seized the opportunity to add more features to this Project, therefore the new ROADMAP for this project is the follow.

Frontend

  • Lookalike Instagram Layout
  • React router system, with react-router-dom
  • Show stats on Hover.
  • Breaking code into small components.
  • Working with Fontawesome and Emojis on React
  • Axios and API instead local data.json
  • Infinite scrooling using react-infinite-scroll-component
  • Authentication with Firebase
  • User Profile
  • Mobile Layout

Backend

  • REST API using Node.js / Store data in MongoDB

Model

screenshot

Available Scripts

In the project directory, you can run:

npm start

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

npm run build

Builds the app for production to the build folder.

🚀 Technologies used

html css Sass JavaScript React JS