XMeme
This project was build under Crio Winter of Doing Stage-2 Phase-B. This is a full-stack application. A user can create, read, update and delete memes in this app.
Tech Stack
Frontend - Flutter web
Backend - Node.js (Express.js)
Database - Posgress
Frontend
- Provider Pattern for state management.
- Widgets splitted in modular pieces.
- models folder : contains meme model and response model. These are data wrappers.
- MemeProvider : This is like controller and calls ApiProvider to get api response and notify view about data change.
- MemeApiProvider : This calls API and handle processing response.
- utils folder : This contains all the helper classes like logger, api_client, global variables, and helper class.
- view : It contains all the UI of the app.
- widgets folder : contains common widgets.
- app_theme : contains theming and styles of the app.
- main.dart : This starts the app. It is like index.js.
- The website is responsive on different screen sizes.
Backend
- MemeService : This service handles all the database operations and business logic of the app
- Meme modal : This is the schema of our Meme table in postgress DB
- MemeController : this controller glues everything together, service and the routes
- config folder : this contains database, routes and server.js. Everything is setuped here.
- ES6 syntax is used and compiled by babel for deployment.
Deployment
Frontend deployed on netlify - https://memex-dhruv.netlify.app/
Backend and database deployed on heroku - https://xmeme-backend-dhruv.herokuapp.com/
Additional tasks attempted
- HTTPS version for both frontend and backend
- Delete and update meme APIs and option for same in frontend.
- Swagger documentation available on
http://localhost:8080/swagger-ui/ - Dockerized solution using docker-compose.yml