Updated the readme

Author: navneetsharmaui

README.md

@@ -1,38 +1,46 @@
-# create-svelte
+# :rocket: Sveltekit Starter
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte);
+[![Powered By Sveltekit](https://img.shields.io/badge/powered%20by-svelte-FF3C02.svg?style=flat&logo=svelte)](https://kit.svelte.dev/) [![Language: TypeScript](https://img.shields.io/badge/language-typescript-blue.svg?style=flat&logo=typescript)](https://www.typescriptlang.org/) [![ECMAScript: 2019](https://img.shields.io/badge/ES-9-F7DF1E.svg?style=flat&logo=javascript)](https://github.com/tc39/ecma262) [![Tailwindcss](https://img.shields.io/badge/Tailwindcss-CSS--Framework-%2338B2AC?logo=tailwindcss)](https://tailwindcss.com) [![Postcss](https://img.shields.io/badge/Postcss-style-%23DD3A0A?style=flat&logo=postcss)](https://postcss.org) [![SCSS](https://img.shields.io/badge/SCSS-Style-%23CC6699?style=flat&logo=sass)](https://sass-lang.com/) [![StorybookJS](https://img.shields.io/badge/Storybook-UI--Webcomponent--tool-%23FF4785?style=flat&logo=storybook)](https://storybook.js.org/) [![Jest](https://img.shields.io/badge/Jest-Unit--Testing--Framework-%23C21325?style=flat&logo=jest)](https://jestjs.io/) [![Prettier](https://img.shields.io/badge/Prettier-code--formatter-%23F7B93E?style=flat&logo=prettier)](https://prettier.io/) [![Eslint](https://img.shields.io/badge/Eslint-linter-%234B32C3?style=flat&logo=eslint)](https://eslint.org/) [![License: MIT](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat&logo=license)](https://github.com/navneetsharmaui/sveltekit-starter/blob/main/LICENSE)
 
-## Creating a project
+![sveltekit](https://user-images.githubusercontent.com/11630812/114088279-7cd7be80-98d2-11eb-883c-66c3bf48f293.png)
 
-If you're seeing this, you've probably already done this step. Congrats!
+Sveltekit Blog project created with Sveltekit, Typescript, Tailwindcss, Postcss, SCSS, Husky, ESLint, Prettier, Storybook, and MDSVEX.
+The project has the ***SSR (Server Side Rendering)*** setup. These template is easy to configure and built upon as it has scalable structure.
 
-```bash
-# create a new project in the current directory
-npm init svelte@next
+## :100: :fire: Project LightHouse Report
 
-# create a new project in my-app
-npm init svelte@next my-app
-```
+![sveltekit-starter-lighthouse-report](https://user-images.githubusercontent.com/11630812/115241377-5d485d80-a13e-11eb-8667-611770992c28.png)
 
-> Note: the `@next` is temporary
+## :paperclip: Menu
 
-## Developing
+- :bulb: [Features](#bulb-features)
+- :hammer: [Project Setup](#hammer-project-setup)
+- :bug: [Known Bugs](https://github.com/navneetsharmaui/sveltekit-starter/issues)
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+## :bulb: Features
 
-```bash
-npm run dev
+- [:heavy_check_mark:] Server side rendering built with ***SEO*** in mind.
+- [:heavy_check_mark:] SSR + Blog Setup.
+- [:heavy_check_mark:] Tailwindcss + Postcss + SCSS Syntax Support in Postcss.
+- [:heavy_check_mark:] Global Style and Variable preconfigured for Postcss.
+- [:heavy_check_mark:] StorybookJS preconfigured (with postcss support).
+- [:heavy_check_mark:] Browser sync, auto refresh, auto reload.
+- [:heavy_check_mark:] 100% on Google Speedpage and 100% Lighthouse report.
+- [:heavy_check_mark:] Friendly and Scalable boilerplate.
+- [:heavy_check_mark:] Typescript + TSPaths (absolute for imports in component) preconfigured.
+- [:heavy_check_mark:] Prettiers, ESLint, and Husky preconfigured.
+- [:heavy_check_mark:] Github and Vscode dotfiles preconfigured.
 
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
+## :hammer: Project Setup
 
-## Building
+1. `npx degit navneetsharmaui/sveltekit-starter my-app` or Clone this repository.
+2. `npm install` or `yarn install` or `pnpm install`.
+3. `npm run dev` or `yarn run dev` or `pnpm run dev`.
+4. `npm run build:static:ssr` or `yarn run build:static:ssr` or `pnpm run build:static:ssr`.
+5. `npm run preview` or `yarn run preview` or `pnpm run preview`.
 
-Before creating a production version of your app, install an [adapter](https://kit.svelte.dev/docs#adapters) for your target environment. Then:
+## 💫 License
 
-```bash
-npm run build
-```
+- Code and Contributions have **MIT License**
 
-> You can preview the built app with `npm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.
+*Copyright (c) 2021 [Navneet Sharma](https://navneetsharma.tech) ([@asnavneetsharma](https://twitter.com/asnavneetsharma))*