At first glance, this app may seem similar to my previous project, E-Harbour, which is reflected in the name. However, the focus of this project is quite different. In my previous project, I was responsible for the frontend. With this project, I took on the entire backend development myself, bringing a stronger emphasis on validation, handling edge cases, and route protection. Although I also worked on the frontend, I used EJS to keep the project a cohesive, server-side application. The backend was written with TypeScript, which is compiled by Render.com and dynamically changes the static paths for production so that same assets can be re-used by the nested JavaScript App.

    During development, the password reset emails were configured to fire from my personal GMail to myself. 
    Unfortunately, during production, sending emails to external addresses is limited without a registered business. 
    During production this is skipped and the request redirects you directly to the link you would receive in an email. 
    This ia a demo app, as such you should only input dummy data.
  

      const techStack = {
        frontend: ['EJS', 'SCSS'],
         backend: ['Node', 'Express'],
       libraries: ["bcryptjs", "connect-mongo", "dotenv", "express-session", "express-validator", "mongoose", "multer", "nodemailer", "stripe"],
      deployment: 'Render',
      };
    

While studying for my B2 German language course, an important theme was remembering which preposition pairs with which verb. In order to help me memorise them, I decided to make a quick time based game. My original plan was to have AI fill my database with sentences, however it did not quite generate the kind of ideas I had envisioned. Additionally, I saw that I am more likely to remember the question, than the verb-preposition pairings. As such I decided to develop a random sentence generator. The sentences have similar structures, and due to RNG will not be memorable, forcing you to focus on the verbs instead of the questions. Some of these sentences are unlikely to be heard in a typical German conversation, but do add a touch of humour and do a good job in remaining gramatically correct.

      const techStack = {
        frontend: ['CSS', 'React', 'TypeScript'],
       libraries: ['Framer-Motion', 'React Router', 'Font Awesome'],
      deployment: 'Firebase',
      };
    

The original project that I collaborated on can be found here: comeGetMe. I wrote all of the Frontend using React & TypeScript. After completing the original project, I cloned my own version where I can manage my own DB & deployment.

    Render's servers will hibernate after inactivity and may take a couple of minutes to wake up. 
    No requests are sent on the homepage, please navigate to any other route. 
    A page refresh might be needed if the server does not wake up. 
    Any images uploaded will be erased once the server sleeps.
  

      const techStack = {
        frontend: ['SCSS', 'React', 'TypeScript'],
         backend: ['Node', 'Express'],
       libraries: {
               react: ['React Router', 'React Helmet', 'Framer-Motion', 'Font Awesome'],
                node: ['BSCrypt', 'CORS', 'DotENV', 'Express Validator', 'JSONWebToken', 'Mongoose', 'Multer', 'Socket.IO'],
                  },
        database: 'MongoDB',
      deployment: ['Vercel', 'Render'],
      };
    

My first React Project after completing a course on Udemy.com. Project written in TypeScript and aims to cover your staple web development features such as cart logic, bookings & account management.

      const techStack = {
        frontend: ['SCSS', 'React', 'TypeScript'],
       libraries: ['React Router', 'Redux', 'Framer-Motion', 'React Helmet', 'React Datepicker', 'Faker', 'Font Awesome'],
      deployment: 'Firebase',
      };
    

With the aim to improve my general coding I wrote a CLI game in Ruby to run in the terminal. To run it, you must download the code from GH, ensure you have Ruby installed, head to root directory and run "ruby interface.rb"

      const techStack = {
           language: 'ruby',
        environment: 'terminal',
          execution: 'ruby interface.rb',
      };
    

I'm sharing a couple of my earlier Le Wagon projects that were initially deployed by a contributor. While I won’t be revisiting or redeploying them, they were valuable learning experiences. Here are the GitHub links for a quick overview.

      const techStack = {
        frontend: ['SCSS', 'Bootstrap'],
         backend: 'Ruby on Rails',
        database: 'PostgreSQL',
      deployment: 'Heroku',
      };
    

I'm sharing a couple of my earlier Le Wagon projects that were initially deployed by a contributor. While I won’t be revisiting or redeploying them, they were valuable learning experiences. Here are the GitHub links for a quick overview.

      const techStack = {
        frontend: ['SCSS', 'Bootstrap'],
         backend: 'Ruby on Rails',
        database: 'PostgreSQL',
      deployment: 'Heroku',
      };