Discover vic778/etch-a-sketch_odin-project Open Source project

This is my first project using Webpack in the Microverse. The objective was to build a to-do list where people can add, delete, edit and update their tasks.

To-Do-List

to-do-list-reviewer

contact-keeper-cloud

vic778

site-vitrine

SCSS

Awesome-Books

Jumia is an African e-commerce platform with different data models. I liked the professionalism of their site and wanted to clone the backend to implement my Rails skills. It also allows only an admin to create, read, update and delete category.

Jumia-API

personal-porfolio

https://vic-clos-marsault.netlify.app

clos-marsaul

this project is MERNE in which the user has the possibility to publish his photos, to be followed by other users also they can like the publications. but before benefiting from all this, the user will need to be logged in with an appropriate account. it is a project that I carried out via the React framework how the frontend and the NodeJs become backend.

mern-project-like-instagram

This is the backend for the Social-app web application for social media: you have a list of posts that users has posted before doing thoses actions you need to sign_up. The backend is a REST API that allows you to create, read, update and delete post. It also allows you to comment like or follow each other . This API is made these models:

social-backend

a simple landing page where people interested in receiving our newsletter can submit their email and select their preferences between: Women's Fashion, Men's Fashion and Children's Fashion.

Micolet-

g-port

capstone-project

the-world

product-landing-page

Test-Pratice

hello-microverse

Try-Bootstrap

microverse-review-project-

G-porto

microverse-personal-porfolio

my-porfolio

An API based movie site where the user can see available movies, comment and also like a particular movie. Built with JavaScript, SASS, Webpack Bootstrap, CSS3 and HTML5

js_capstone_project

this is a simple exchange web app that allow users to exchange their moeny according to the currency they have choosed. it update the curency database by getting rule from an api. for that i'm using background job and sidekiq cron for schedule every single day at 07h 05 AM to run the function. if the exchange is done it create a object and so far w

money-exchange

This is the project on displaying scores submitted by different players. It also allows users to add their scores. The main goal of this project was to be able to deal with API and play with promises and async/await. For best practices, I have implemented Linter, GitFlow, and professional documentation.

Leaderboard

M-Ecommerce

Class Manager is a Student-Teacher Portal where techers and student can sign up and teachers can add students in their class assign task and add note by student.

Class-manager

calculator-

facebook-api

Enumerable

facebook-backend

porfolio

e-comm

Ackeln-hero-unit

rails-budget-app

This Rails budget app is a mobile web application where you can manage your budget: you have a list of transactions associated with a category, so that you can see how much money you spent and on what.

mern-project-full

Facebook clone is a frontend web application that I built as part of impove my skills in React, so I interacted with the compoments via the props and selected my variables using the hooks.

banking-system

PHP

Facebook-clone

This application is a blog where anyone can access and create an article that will be commented by other users. the article can be edited or deleted. similarly, the comment can be deleted and each article is linked to a comment through its Id.

blog

Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and Styled Components

Bookstore

this is a simple backedn project for class managment where teachers can CRUD a student and assign the test to them as well. studnt will be able to login thourht their credentials generated by the teachers. teacher only teachers can manager the CRUD of the whole app even update the user role to be a teacher.

school-management

This is the backend for the oracle-app web application for car favorites: you have a list of cars that a user can reserve for a certain period of time. The backend is a REST API that allows you to create, read, update and delete cars. It also allows you to create, read, update and delete reservations.

Oracle-booking-API

the movie app is a simple app where you can get all movies and you can do some resarch by the word. it has a search from that render a turbo_stream result at the same sec a user is taping. it sending request to the server as long as you're taping. and it has a Javascript controller named debounce were i've created a search fonction to get the result as fast asn possble and it highlight the results. don't forget to tolk about the route where i scoped the resouces and collect the all data insteaod of an id of a movie.

Rails-movies

this API consists in creating a band which is associated with the members and different categoris. I used sterializer to associate the id of a member to a band.

band

E-commerce-backend

It is a Single Page App (SPA) that allows users to: Add todo. Update todo. Delete todo. Navigate between pages with react router. Data in this app has been preserved using localStorage.

react-todo-app-tuto

This is a personal project to improve my skills in React that I have used the backend link provided by (TMDB): a Home page with the components Header component which contains the Navbar and the links Form component which contains a function to retrieve the Data from the database and which contains a logic to display the average from ascending to descending Card component which contains a function to display the movies via the Props of the react and which contains a Switch function to display the Genre of each movie and the date of publication.

react-movies

This is the backend for the booking-app web application for motorcycle reservations: you have a list of motorcycles that a user can reserve for a certain period of time. The backend is a REST API that allows you to create, read, update and delete motorcycles. It also allows you to create, read, update and delete reservations.

booking-app-api

this application consists in selling and buying articles online. each user before selling his article will be obliged to create a user account. to create a post there are fields that are required like the model of your article, the series as well as the state. it can be new or already used... the user can add favorite items on his card and each item added on the card will be calculated in terms of summation so that the user knows how much it is already.

e-coomerce

The Language Translator App is a rails application that allows users to translate any language into other languages of their choice. The application provides the user with over one hundred languages and utilizes various endpoints.

Google-Translator

substrings.rb

google-homepage

A console app that will help you to keep a record of different types of things you won: books, music albums, movies, and games

school-library-

school-library

goal-progress

Transaction-app

app-for-household-appliance.Angular

TypeScript

TDD-Project

schematize the request that a user sends to the server to receive a response. customize the app so that rswager is the main controller so that it responds in all environments

Rails-api

book-library

the Admin Portal is a web-based application that allows administrators to manage and monitor the slots and reservations in a parking lot

private-parking

active-record-exrercise

Ruby-validation

n order to put my Rails knowledge into practice, I implemented an external API (One of my owner API's) containing the data of the different categories. So I will create different methods on this API and get the data in JSON.

external-api

Vet-clinic-database

Mweva-shop

user-auth

blog-app

The Blog app is a classic example of a blog website. A fully functional website that shows the list of posts and empower readers to interact with them by adding comments and liking posts. Built with Ruby, Ruby on Rails

ping

dummy-chat

Deel is a global payroll solution that helps businesses hire anyone, anywhere. Using a tech-enabled self serve process, you can now hire independent contractors or full-time employees in over 150 countries, compliantly and in minutes. I liked the professionalism of their site and wanted to clone the backend to implement my Rails skills. It also allows only an admin to create, read, update and delete actions. This API is made these models:

deel_clone_api

in this project, I went through the devise action we can take. I didn't know it was powerful. I created the login method add google oamni and github. I created the tracktable and confirmable action. so we can have your history of when you logged in and how many per day including your IP address and occasion as well. If you try to log in 3 times with a wrong password, your account will be blocked and a token will be sent to you by email so you can unlock your account. Finally, I checked the login time setting after 30 minutes, you will be logged out because your session will have expired. This action is very useful, I think, for Upwork, because every day you have to log in again

devise-auth

Bus_booking is a webite that allow client to book a bus specifying the number of seats and the exact date and time of. any operator can register his agence but you will be oblige tobe registered througth your identity. It also have the admin dahsboard

Bus-booking

As part of improving my skills in Rails 7 and Pg, I made this small application for authentification. the user can just put his name and his email and automatically it will be generated a unique URL that will be sent to his email. the password is a hash that will be generated automatically by passwordless

passwordless

the general idea is to mimic the primitive features of Calendly. An end user can visit a unique direct link to book events with someone else. These events can be free to book or require payment. Those that book events shouldn't be necessary to create an account. Those that make the events and availability slots do need an account.

Bookme

The Recipe app keeps track of all your recipes, ingredients, and inventory. It will allow you to save ingredients, keep track of what you have, create recipes, and generate a shopping list based on what you have and what you are missing from a recipe.

Recipe-app

Instagrm-clone

Shopify is an E-commerce website where users can buy stuff. It has a payement method using `Strip` and it has a webhooks controler to check if the payemt was succed and incres the sales_acount of an item after the payemnt t has a code promo for reduice the price. when you update the price of an item localy it will be updated into the stripe database

shopify

this is a simple ruby class witch allow a user to choose a correct answer for a specific question. at the end it will print a notification to inform you how many correct answers you got and how many you failed.

questionaire