My portfolio

1-discover-travels

This example of a web page is created mainly to demonstrate the back-end functionality. It fully implements the MERN stack (MongoDB, Express.js, React.js, Node.js), CRUD operations, and REST API. A recursive function is created on this page to display comments with their functionality, which significantly reduces the load on the database as it is implemented using the Primary-Secondary key principle, which MongoDB does not support. Additionally, secure page connection to the database is implemented.

You can visit this webpage at

• https://discovertravels.netlify.app
• When registering, please do not use real data. If you wish, the program allows you to delete your account. (Hi, nickname(NavBar) -- Submit (Your account description) -- Delete)

I have deployed this project on two servers, one for the front-end and another for the back-end and the database. A few travel description examples are preloaded to demonstrate the functionality of the 'New' button. Comments are also included to showcase the recursive function in action. You can log in and test the application. You can delete your own travel descriptions and accounts. However, you cannot delete your comments, only edit them to preserve the continuity of discussions.

The following libraries are used in the project:

• express, mongoose, dotenv, bcryptjs, jsonwebtoken, cors
• react-router-dom, @phosphor-icons/react, axios, react-auth-kit, @auth-kit/react-router

2-architecture-design-web-page

You can visit this webpage at https://my-portfolio-architecture-design.netlify.app/

• navbar and first page without bootstrap
• bootstrap library
• responsive
• js navbar responsive
• position absolute
• Sass

3-nice-adv-company

• bootstrap library
• js scrollIntoView
• responsive
• position absolute
• the website is in Lithuanian

4-js-recipes

• small example js-dom functional
• the provided example in JavaScript works just like useState works in React
• Sass
• the website is in Lithuanian

5-react-recipes

• react example, without database.
• this website was developed using Vite as the build tool.
• I used react-router-dom library for the routing and navigation in this website.
• I used the prop-types library to validate props in this React app.
• That is the same example as 5-js-dom-recipes, just made with React.
• Data transfer between React components
• the website is in Lithuanian

6-js-car-configuration

• small example js-dom functional
• the provided example in JavaScript works just like useState works in React
• Sass
• the website is in Lithuanian

7-game-landing - unfinished project

• position absolute
• Sass

8-fly-order

• mini one page example css + js with information modal