Chameleon - Book Store is a Ecommerce Single Page Application powered by Firebase
- Used Libraries
- Bootstrap
- Jquery
- SammyJS
- Handlebars
- Toastr
- Slick Carousel
- Carty
- Live Version URL - https://web-app-66bd5.firebaseapp.com/#/home
This document describes the final project assignment for Telerik Academy students in "Web front-end develeopment" course
Design and implement an SPA application by choice.
It could be a simple game, component library, business application or any other
- You are absolutely free to choose the topic of your work
- Sample applications:
- Snake
- Chess
- Backgammon
- Minesweeper
- Tetris
- Xonix
- Supermario
- Components library (windows, buttons, text boxes, menus, etc.)
- Book store
- Auction
- Movie rental
- Bug tracker
- Knowledge management system
- E-library
- Text editor
Please define and implement the following assets in your project:
- Slice the given design in PSD (33 points)
- You can find your selected design here
- Implement responsive design (34 points)
- Your web application must look good on any resolution
- Use a web server (33 points)
- Usage of a server (5 points)
- Telerik back-end services
- Parse.com
- Your custom server in Node.js, ASP.NET, SpringMVC, PHP, etc...
- Server data quality
- Having a meaningful data
- Not just an array of integers
- Examples:
- Forum with threads, categories, tags, users, user roles, search, comments, likes, etc...
- Blog with posts, categories, tags, users, search, comments, likes, etc...
- Online store with products, categories, prices, filtering, search, etc... The application must work in the latest versions of the browsers: Google Chrome, Mozilla Firefox, Internet Explorer 10/11, Opera and Apple Safari
- Having a meaningful data
- Usage of a server (5 points)
Follow the best practices for producing high-quality code:
-
Correct naming
-
Data encapsulation
- Use OOP and modules
-
Strong cohesion and loose coupling
-
Use GIT as a source control system
- Host it on http://github.com
-
Writing Efficient CSS
-
Using good practices for CSS
- Efficiency, naming, etc..
-
Preprocessors are optional
-
Using postprocessors is required
- JSHint, CSSLint, etc...
-
You are NOT allowed to use any full-featured js framework/library
- AngularJS
- Angular
- React
- etc.
If you have a chance, time and a suitable situation, you might add some of the following to your project:
- Backward compatibility (make the application usable on browsers like IE8, IE7 and IE6)
- Integration tests
- Completely finished project is not obligatory required. It will not be a big problem if your project is not completely finished or is not working greatly
- This project is for educational purpose
- Implementation of server-side logic with ASP.NET, PHP, Java or Node.js
- Register your application at Telerik Academy Showcase System
- Provide a link for the github repository of your application
- Host your application on a server, and provide a link
- You can host your application on http://appharbor.com, http://heroku.com or just use the http://rawgit.com
Each student will have to deliver a public defense of its work to the other students and trainers. You will have 20 minutes for the following:
- Demonstrate the application (very shortly)
- Show the source code
- Answer the questions from the trainers