Skip to content

AlbertArakelyan/SolutionsShowcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

41 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

SolutionsShowcase

Introduction 🌍

Welcome to SolutionsShowcase!

This repository serves as a centralized hub for my projects, each a showcase of unique solutions and insights. Dive into the world of technology, explore varied tech stacks, and discover the thought processes behind key solutions implemented in each project.

Feel free to explore, contribute, and let's build a community around innovative problem-solving!

Contribution πŸš€

If you're passionate about sharing your tech expertise, you're welcome to contribute to SolutionsShowcase! Here are two ways you can get involved:

  • Translations: Help make the showcase accessible to a global audience by translating content into your native language. Feel free to submit a pull request with your translations.
  • Showcase Your Gems: If you have exceptional tech solutions or intriguing topics, share them with the community! Add your projects and insights, and create a pull request to contribute to the showcase.

Table of contents πŸ”

No Project Author
1 Checkinator AlbertArakelyan
2 Exoplanet Project AlbertArakelyan
3 Post EF AlbertArakelyan
4 Keep Link ArthurArakelyan

Checkinator

About

A simple MERN app for testing Stripe with user and subscription management, for taking React architecture I used to know to the next level with advanced usage of unit tests and also for improving my knowledge in backend with help of nodejs as a frontend developer. Also created an admin panel for having a full control over the app.

Repositories

Tech Stack

Frontend Backend Admin Panel Other
Typescript React Redux Testing Library Sass
Nodejs Express MongoDB Mongoose
Vue Vuetify Pinia
JWT Stripe

Challenge

Create a MERN app being a frontend developer by using a new (for me) React architecture which is extended version of View-Controller pattern by adding a special hook which separates logical part from Container as well and also using unit and component testing which has been done very well due to this architecture. Also integrating Stripe on server and client side for the first time was also a challenge.

Key Solutions

  • Improved View-Controller architecture for React
  • Dark mode implementation
  • JWT based authentication with Email verification
  • Used seeders (for the first time)
  • Class based controllers in Express
  • Vue 3 with Vuetify integration

Attachments

  • Folder structure example for the mentioned React architecture:
    Screenshot 2023-10-22 at 13 54 48

Future Improvements

  • Add Storybook

Exoplanet Project

About

Simple MERN with ready frontend part for focusing on Node.js by getting data from external sources, working with CSV files and parsing them and of course working with databases such as MongoDB with mongoose.

Repository

react-express-exoplanet-project

Tech Stack

React Nodejs Express MongoDB Mongoose Docker

Challenge

As the project has been done in scopes of a Udemy course so just passing and doing the project was a challenge by it self, and yet another challange was take as much as I can, interesting aproaches with Node.js, best practices, authentication, oauth client, socket.io, API testing and many other things that I learnt and of course need to practice more 😊.

Key Solutions

  • Staticly running React production build from Express
  • With one package.json file controlled apps (Frontend, Backend)
  • Very fancy scientefic friendly UI
  • Good set up Cross origin policies
  • A very good Node.js architecture
  • Very good expressed Data Access Layer in Node.js models
  • API testing with Supertest
  • Dockerized app (not in a deep level)
  • Integarated CI with Github Actions
  • Deployed with SE3 (you can check here)
  • Working with CSV files and parsing them

Post EF

About

A simple dockerized MERN app with basic authentication and CRUD.

Repository

post-ef

Tech Stack

React Redux Tailwind Nodejs Express MongoDB Mongoose Docker

Challenge

Create a dockerized app using nodejs first times from scratch, also set up tailwind from scratch and create a modern UI with it.

Key Solutions

  • Well set up Tailwind
  • Fully dockerized project

Keep Link

About

Keep Link is a powerful tool which allows you to save all your links in one place.

Repositories

Tech Stack

Frontend Backend
Typescript Angular RxJs NgRx Firebase Storybook
Nodejs Express

Challenge

Create an Angular website by integrating Angular Fire services for working with Firebase in Angular, RxJs reactive store, Unit tests and Component tests, and Storybook for shared and UI components preview.

Key Solutions

  • Storybook integration
  • Unit tests integration
  • Dark theme and Dark high contrast theme implementation
  • Angular Fire Services implementation for working with Firebase
  • Firebase Authentication based authentication with Email verification
  • Angular with RxJs reactive store integration

About

Explore unique tech solutions and insights in this centralized project hub. Dive into diverse tech stacks and discover the thought processes behind key implementations πŸ’‘.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published