completed last 4 pages

certificate-generator/spec.yml

@@ -0,0 +1,25 @@
+name: Certificate Generator
+tags: ["HTML/CSS","JavaScript"]
+starter-files: https://github.com/codedamn-projects/Certificate-Generator
+type: frontend
+level: medium
+cover-image: https://raw.githubusercontent.com/codedamn-projects/Certificate-Generator/master/designs/Codedamn%20Certificate%20Generator%20Home%20Page%20%5BDesktop%5D.png
+short-description: Create certificates from a template
+long-description: |
+  Your challenge is to build out a Quiz App and get it to look as close to the design as possible.
+
+  This project focuses on your React and CSS skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.
+
+  In this project, you should be able to create 
+  
+  - Generate a certificate based on the given name
+  - download the certificate in pdf format
+
+  You can go through the `Readme.md` to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports. 
+
+# https://codedamn.com/projects specific section
+codedamn:
+  helper-learning-path: frontend
+  show-community-banner: true
+  playground-layout: terminal-editor-browser
+  playground-image: html

custom-wordle-clone/spec.yml

@@ -0,0 +1,26 @@
+name: Custom Wordle
+tags: ["Next.js","TailwindCSS"]
+starter-files: https://github.com/codedamn-projects/Custom-Wordle-Clone
+type: fullstack
+level: hard
+cover-image: https://raw.githubusercontent.com/codedamn-projects/Custom-Wordle-Clone/master/designs/REACT%20%5BDESKTOP%5D.png 
+short-description: Build a custom wordle clone. Share your own words to solve
+long-description: |
+  Your challenge is to build out a Quiz App and get it to look as close to the design as possible.
+
+  This project focuses on your Next.js skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.
+
+  The custom wordle clone should be able 
+  
+  - generate random words for solving
+  
+  - store random words for solving
+
+  You can go through the `Readme.md` to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports. 
+
+# https://codedamn.com/projects specific section
+codedamn:
+  helper-learning-path: fullstack
+  show-community-banner: true
+  playground-layout: terminal-editor-browser
+  playground-image: html

tesla-clone/spec.yml

@@ -0,0 +1,32 @@
+name: Tesla Clone 
+tags: ["React", "TailwindCSS"]
+starter-files: https://github.com/codedamn-projects/tesla-clone
+type: frontend
+level: easy
+cover-image: https://raw.githubusercontent.com/codedamn-projects/tesla-clone/master/designs/preview%20image%20%5BDESKTOP%5D.png
+short-description: Build the tesla clone website with smooth transitions and scroll snaps
+long-description: |
+  Your challenge is to build out a Quiz App and get it to look as close to the design as possible.
+
+  This project focuses on your React and CSS skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.
+
+  The website should have 
+  
+  - the information of the all the 4 cars
+
+  - solar roof and solar panels
+
+  - scroll snapping on the pages
+
+  - in page navigation bar
+
+  - smooth transitions 
+
+  You can go through the `Readme.md` to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports. 
+
+# https://codedamn.com/projects specific section
+codedamn:
+  helper-learning-path: frontend
+  show-community-banner: true
+  playground-layout: terminal-editor-browser
+  playground-image: html

tic-tac-toe-multiplayer/spec.yml

@@ -0,0 +1,31 @@
+name: Tic Tac Toe (Multiplayer Version)
+tags: ["React", "Websockets"]
+starter-files: https://github.com/codedamn-projects/Tic-Tac-Toe-Multiplayer 
+type: frontend
+level: hard
+cover-image: https://raw.githubusercontent.com/codedamn-projects/Tic-Tac-Toe-Multiplayer/master/designs/cover-image.png
+short-description: Creating the Tic Tac Toe game using web sockets for 2 online players
+long-description: |
+  Your challenge is to build out a Quiz App and get it to look as close to the design as possible.
+
+  This project focuses on your React and CSS skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.
+
+  In this project, you app should consist of 
+
+  - Creating & Joining an existing room 
+
+  - Setting a websocket between the two players
+
+  - Calculating the winner of the game 
+
+  - storing the score of the game in local storage
+
+  You can go through the `Readme.md` to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports. 
+
+    
+# https://codedamn.com/projects specific section
+codedamn:
+  helper-learning-path: frontend
+  show-community-banner: true
+  playground-layout: terminal-editor-browser
+  playground-image: html