Natalia Chernysheva

Full-Stack Developer

React Django HTML CSS Bootstrap Javascript Node Express Python mySQL PostgreSQL Docker Git

Hey, I'm Natalia, and I'm a full stack developer. I'm proficient in HTML, CSS, Javascript, Typescript, Bootstrap, MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS), Django framework (Python), and databases MySQL, PostgreSQL, MongoDB. Working on websites allows me to blend technical skills with creativity, ensuring a seamless and visually appealing user experience. As a full-stack developer, I'm here to transform your concepts into tangible outcomes.

CHATBOT

Hey! How can I help you?

Full-Stack Web Development

Front-end and back-end development, end-to-end solutions for dynamic web applications, seamless user experience.

Back-End Web Development

Design and optimization of server-side systems, databases, and APIs for efficient web applications.

Responsive Design

Enabling websites to seamlessly adjust to diverse devices and screen dimensions, delivering an excellent user experience.

Scalable Cloud Applications

Leveraging cloud platforms for scalable, reliable web applications, optimizing performance, and ensuring uninterrupted user availability.

Projects

Front End Animations

NextJS, CSS, GSAP

implemented SVG text and arrow animations using GSAP for smooth, gradual path-based emergence
created staggered animations for navigation bar buttons and cards to enhance user experience with seamless transitions.
developed scroll-linked animations to trigger dynamic visual effects as users navigate through the page

Mental wellness website

ReactJS, PHP, MySQL

the website is currently works in progress
features fully-functional team pages on both client and admin sides, other pages are being developed
integrates API requests to communicate with the MySQL database
implements both client side and admin side enabling the organization to easily update website contents
website is currently non-responsive, optimized for screen width 1200px

Hotel reservation

MERN stack: MongoDB, ExpressJS, ReactJS, NodeJS, TailwindCSS

features the React Calendar component enabling to display the dates available for the reservation and to highlight the dates selected by the user
uses REST APIs to interact with the MongoDB database
features the admin dashboard enabling the admins to add, update, and delete room details and to review the guest orders
integrate Stripe payment method (in the test mode)
implements the PDF invoice generator based on the order details
VPS deployed, CI/CD with GitHub Actions
mobile-first, responsive design

School gradebook

MERN stack: MongoDB, ExpressJS, ReactJS, NodeJS

features user authentication system (signup, login, logout)
integrates RESTful APIs to communicate with the MongoDB to add, update, delete students and courses, to enroll and disenroll students from the courses, to create, update, and delete course assignments and to post and update course grades
implements an easy-to-use click function to post and update grades in the gradebook table
VPS deployed, CI/CD with GitHub Actions

Design studio landing page

ReactJs, CSS

features a hero with the call-for-action button
implements an image gallery with an option to magnify images upon hover and to expand to full-size upon click
enables two image slider options:
- updates the preview images on the left or right button click, cycling through a set of three images at a time
- transitions between individual images within the full-view mode
mobile-first, responsive design

Cafe Application

Wordpress

customizes Wordpress Smallbiz Startup Theme
integrates the WPCafe plugin to output a cafe menu on the page
incorporate the WP Resraurant Price Lists plugin to enable online table reservation
mobile-first, responsive design

Bookmark mozilla extension

Mozilla Extension, HTML, CSS, Javascript

optimizes the process of saving bookmarks by retrieving both the URL and title of the tab
features a textarea field enabling users to add comments to links for easier content search
enables users to add new tags via input field of type "text"
optimizes tagging with reusable tags automatically storing tags in the Local Storage
enhances link search functionality by enabling users to click on a tag for filtering links