In this project, I developed the frontend of a CMS (Content Management System) focused on geolocation and user management functionalities. The project involved creating several key components, including the geolocation management interface, user management interface, a login screen, and a public geolocation display. The frontend was built using a modern tech stack to ensure a seamless and user-friendly experience.
Geolocation Management: Developed a comprehensive geolocation management interface that allows administrators to manage and visualize geolocation data. Integrated with GraphQL to fetch and display geolocation data efficiently.
User Management: Created a user management interface to handle user profiles, roles, and permissions. Enabled CRUD (Create, Read, Update, Delete) operations and implemented real-time updates using GraphQL subscriptions.
Designed and implemented a secure login screen for user authentication. Utilized Material UI for a modern and responsive design, ensuring a smooth login experience.
Developed a public-facing geolocation display page to present geolocation data to users. Implemented a clean and intuitive UI using Material UI and Styled Components to enhance user engagement.
Utilized TypeScript for type safety and improved development efficiency, ensuring robust and error-free code.
Integrated GraphQL for efficient data fetching and manipulation, optimizing the interaction between the frontend and backend.
Integrated with backend APIs to handle data operations and real-time updates. I used Rlayers to make the map
Technologies Used
React.js
Next.js
GraphQL
API Integration
Rlayers
TypeScript
Styled Components / Material UI