Skip to content

yuminzzzz/Fotolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A picture-based website with CRUD and search feature

Tech Stack

React ReactRouter StyledComponents TypeScript JavaScript HTML5 CSS3 Firebase Eslint Prettier

Features

  • Prevented sending all requests at once for better efficiency, using Intersection Observer API
  • Achieved SPA experience by using React Router
  • Prevented unnecessary re-render and increase performance by using memo, useMemo, useCallback
  • Managed all global state with useReducer
  • Developed with React, TypeScript and Styled-Components
  • Enhanced user experience with React Loading Skeleton and React Spinners
  • Accomplished the slideshow effect at the home page with Swiper
  • Used Firebase Firestore as database and other services like Authentication for member system, hosting for deployment-

Flowchart

FlowChart

Demo

login tag upload comment

Roadmap

  • Login and register system
  • Search feature
  • Publish post
  • Message board
  • Classification (future feature) Screen Shot 2022-10-16 at 18 59 53 (2) Screen Shot 2022-10-16 at 19 00 00 (2)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages