How faja190/faja works
F.aja is a React portfolio that introduces its owner, presents skills and project work, and provides resume and contact links. Visitors enter through the shared navigation and home page, browse project cards, and can open the Books Manager for live book CRUD against an external REST API. Other project and About routes currently display a coming-soon page. The README also identifies UX design as a product concern. Wiring is based on the sampled components; backend implementation is not present in this repository.
Main entry points: App.jsx App router · Navbar.jsx Navigation · Projects.jsx Project carousel · BooksManager.jsx Books manager UI
Components 16
App shell
- React entry
src/main.jsx - App router
src/App.jsx - Navigation
src/Logic/Nav/Navbar.jsx - Scroll handler
src/App.jsx
Portfolio content
- Footer links
src/Logic/Footer/Footer.jsx - Profile and resume
src/Logic/About/Intro.jsx - Resume PDF
src/resources/Fatima-resume.pdf - Skills display
src/Logic/Skills/Skills.jsx
Project showcase
- Project carousel
src/Logic/Projects/Projects.jsx - Project catalog
src/Data/ProjectsData.js - Coming soon page
src/Logic/ComingSoon/ComingSoon.jsx - Frame animation
src/Logic/ComingSoon/FrameAnimation.jsx
Books demo
- Books manager UI
src/Logic/Projects/BooksManager.jsx - Books REST API
- SQLite books store
Other components
- Visitor
Connections 21
- Visitor → React entry: opens site
- React entry → App router: renders
- Visitor → Navigation: uses navigation
- Navigation → App router: navigates routes
- App router → Navigation: renders
- App router → Scroll handler: handles scroll
- App router → Footer links: renders
- App router → Profile and resume: routes home
- App router → Skills display: routes home
- App router → Project carousel: routes home
- App router → Books manager UI: routes books demo
- App router → Coming soon page: routes placeholder
- Navigation → Resume PDF: links resume
- Profile and resume → Resume PDF: links resume
- Visitor → Project carousel: browses projects
- Project carousel → Project catalog: reads catalog
- Project carousel → App router: links project routes
- Coming soon page → Frame animation: renders animation
- Visitor → Books manager UI: uses book tools
- Books manager UI → Books REST API: fetches and mutates
- Books REST API → SQLite books store: uses SQLite