Tugi-Ngunjiri / Meme-App01

Meme-Generator-App

-Creating memes

Project By

Tugi Ngunjiri

Liscence

ISC

Full Stack App

-Creating Frontend App

-Creating Backend App

React part

-Creating the frontend of the Meme app;

--instalation--

• Run npm install
• Run npx create-react-app my-app (to install reac dependencies)
• cd into my app(so as to get into the app website)
• Run npm start to open the website server
• Add your needed dependencies in src;
• They are as follows

-Login.js
-App.js
-Images.jpeg
-Meme.js
-Style.css
-User.Login.js -Use ; 1. Use user1(first user) and pass1(password) as to log in

2. Use user2(second user) to and pass2 (password) to login

Sinatra part

-Creating the backened of the Meme app;

• The Sinatra should be linked to the react app

--Start Up--

-create the app folder (Main Ruby Part );

-Inside the App contains the following;

-Create App.rb ( other main ruby file)

• create a config folder; -It contains;
• database.yml -enviornment.rb

-Create db ( other main ruby file);
- inside db create migrations ( - UserMigrations
-MemeMigrations )

• Create Models;

-In the models create- -Create active records conecting users and memes -User.rb (connects all the memes) -Meme.rb

• Create a gem file; -run bundle install; -You should be able get the gemlock file

• Code the various dependencies needed in the gem file;

• They are as follows;

-Ruby gems
-Ruby cors
- Sinatra Gem
-rack-contrib
-activerecord
-sinatra-activerecord
-rake
-sqlite3
-require_all
-pry

• Create a rake file; -run rake db:migrate -run rake db:seed -run rake console

• Create Schrema.rb

- Create Seed.rb

Project Links

https://meme-app-66z1.vercel.app/ (frontend) https://sinatra-app.vercel.app/ (backend)

Final Parts of the Project

-Final Submission of Project

Pushing Git Changes

-Run Git add . -Run Git commit -m "Adding new files" -Run Git push

Project Submission

-Copy and Paste your Link in the submission Box

--End Of Project--