Artist and artifacts are more praised but less explored This project is an effort to preserve the art and craft o the history
This project was actually build to learn React js and Material UI this is the first project of mine based on react js. This whole project to the last semi-colon belongs to me
React js
Hover js
Swiper js
Material Ui
THREE js
cloudinary
📦src
┣ 📂components
┃ ┣ 📜AnnouncementBar.jsx
┃ ┣ 📜Artist.jsx
┃ ┣ 📜Backdrop.jsx
┃ ┣ 📜Banner.jsx
┃ ┣ 📜Card.jsx
┃ ┣ 📜CardComponent.jsx
┃ ┣ 📜CollectionHighlight.jsx
┃ ┣ 📜Details.jsx
┃ ┣ 📜Events.jsx
┃ ┣ 📜footer.jsx
┃ ┣ 📜Gallery.jsx
┃ ┣ 📜Genre.jsx
┃ ┣ 📜GenreItem.jsx
┃ ┣ 📜header.jsx
┃ ┣ 📜HeroSlide.jsx
┃ ┣ 📜Highlights.jsx
┃ ┣ 📜History.jsx
┃ ┣ 📜loading.jsx
┃ ┣ 📜Medium.jsx
┃ ┣ 📜MediumItem.jsx
┃ ┣ 📜MockUp.jsx
┃ ┣ 📜MoreArtifacts.jsx
┃ ┣ 📜Podcast.jsx
┃ ┣ 📜Search.jsx
┃ ┣ 📜SearchedItem.jsx
┃ ┗ 📜VIdeo.jsx
┣ 📂Context
┃ ┗ 📜AuthContext.js
┣ 📂Pages
┃ ┣ 📜Artifact.jsx
┃ ┣ 📜Artists.jsx
┃ ┣ 📜Artwork.jsx
┃ ┣ 📜Collections.jsx
┃ ┣ 📜Home.jsx
┃ ┣ 📜Login.jsx
┃ ┣ 📜Medium.jsx
┃ ┣ 📜Profile.jsx
┃ ┗ 📜Register.jsx
┣ 📂utils
┃ ┣ 📜fetchArtistBanner.js
┃ ┣ 📜ProtectedRoute.js
┃ ┗ 📜server.js
┣ 📜App.css
┣ 📜App.js
┣ 📜index.js
/
Home Route
/artists
Major artists route
/artist/:id
Individual artist route
/explore
Route to display explorable artifacts
/explore/:id
individual explore page
/artifact/:id
individual artifact and details
📦server
┣ 📂controller
┃ ┗ 📜authController.js
┣ 📂middleware
┃ ┣ 📜authMiddleware.js
┃ ┗ 📜uploadMiddleWare.js
┣ 📂models
┃ ┗ 📜User.js
┣ 📂routes
┃ ┗ 📜authRoutes.js
┣ 📂utils
┃ ┗ 📜db.js
┗ 📜server.js
- Heroku ( backend )
- Netlify (Frontend)
In the project directory, you can run:
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.
Launches the test runner in the interactive watch mode.\
See the section about running tests for more information.