CDEV/DBAV project
By: Thom low (2202423F)
Embedded Files
Sweet Fantasy
Sweet Fantasy
A website that allows users to find the best dessert restaurant in Singapore.
Users can also interact with one another to form community and bond with one another.
Main Features
Main Features
Chatting Feature
Chatting Feature
Users can talk to one another
Review
Review
Log in user can review the restaurant.
Account Page
Account Page
Users have their own unique Page.
Demo Video
Demo Video
Have a look at how Sweet Fantasy Page!
How It Is Created
How It Is Created
Using React
Using React
Using React allow me to utilize a lot of Ui Modules. Using Ant design and Swiper Ui component, the website is styled beautifully.
Mysql
Mysql
Using foreign keys and a lot of database Normalization, I made a solid MySQL database my website can depend on.
Express +Node Js
Express +Node Js
Using express and Node JS, I Created a backend server that serves web API and sockets.
Socket
Socket
Using Socket.io to implement real-time messaging and communication for client and server.
Auth server
Auth server
Have another server for authentication for individual upscaling of the different server. Improve code organization.
Front-end
Front-end
Ant design (UI component)
Ant design (UI component)
Ant design UI component makes the website aesthetically appealing with all the pre-made component.
Framer-motion(animation)
Framer-motion(animation)
Framer is a react-animation library. It helps create complex animation simple and easy.
Swiper (Carousel)
Swiper (Carousel)
Using the popular Swiper library, it makes the display of images neat.
Back-end
Back-end
Encryption
Encryption
By encrypting user password using Bcrypt, password is stored safely. Hacker will have a hard time to get the user's password.
JWT token
JWT token
Using JWT token, it allows users to access protected end point. The website implemented two tokens (refresh and access token) for additional security.
Nodemailer (sending mail)
Nodemailer (sending mail)
Used Nodemailer to send mail to specified email. Used google apis and Oauth2 for verification.
Multer (Storing image)
Multer (Storing image)
Multer is used to stored, replace and delete images in the local storage.
It is used for user's profile pics and food images.
Page updated
Google Sites
Report abuse