Description:

• Developed a culinary blog from scratch, including design in Figma.
• Frontend built with ReactJS using Apollo for server interaction.
• Created routes, components, and modules based on models and components.
• Frontend written in TypeScript, styling with Sass and module.sass, API requests through ApoFrontend Features:
• Registration and authorization using JWT tokens.
• Display page for posts and individual posts.
• Editing and deletion of posts for authors.
• Like and comment system.

Backend:

• Implemented the server using NestJS + GraphQL.
• Used PostgreSQL and TypeORM for thAuthorization, registration, permission checks with Guards, and data validation using Class Validator.
• CRUD operations for posts and comments, module for likes.
• Automatic generation of GraphQL documentation.

Additional Steps:

• Deployed the application on cloud services for ease of support.
• Implemented post-creation project support.

Technologies:

• Design: Figma
• Frontend: ReactJS, TypeScript, Apollo, Webpack, Sass
• Api: GraphQL
• Authentication: JWT
• Backend: Node.js, Nest.js, TypeScript,
• Database: PostgreSQL, TypeORM

Descriptions:

• Designed the store in Figma, including the main page, navigation, catalog, filters, product card, cart, and checkout page.
• Developed a clear frontend architecture using Create React App and TypeScript, organizing components, modules, and pages.
• Utilized Sass and module.sass for styling, creating unique styles.
• Implemented routing with React Router, integrated Redux Toolkit, and configured API requests using Axios.
• Created a Node.js server with TypeScript and Express, including an API for displaying products, filters, CRUD operations for products, authorization, purchase creation, and customer management.
• Interacted with the MongoDB database using Mongoose, creating entities for users, products, customers, and orders.
• Implemented simple authorization through JWT and an administrative panel with routing for products, customers, and orders.
• Worked with a VPS server for application deployment.
• Project executed on a customized basis with individual requirements.
• Ensured support and updates post-project completion.

Technologies:

• Design: Figma
• Frontend: React JS, TypeScript, Create React App, Sass
• Backend: Node.js, TypeScript, Express
• Database: MongoDB, Mongoose
• State Management: Redux Toolkit
• API Requests: Axios
• Authentication: JWT